首页 > 语言 > JavaScript > 正文

javascript新闻跑马灯实例代码

2024-05-06 16:26:44
字体:
来源:转载
供稿:网友
这篇文章主要介绍了javascript新闻跑马灯实例代码,所谓的跑马灯就是无缝滚动效果代码,常见于新闻公告之类的功能,需要的朋友可以参考下
 

本文实例为大家分享了javascript实现的跑马灯效果代码,实现了新闻公告之类的功能,下面提供了一段跑马灯实例供大家参考之用,希望能够对需要的朋友有所帮助。

运行效果图:

javascript新闻跑马灯实例代码

代码实例如下:

<!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>javascript新闻跑马灯效果</title></head><script type="text/javascript">var msg="VeVb武林网欢迎您http://www.vevb.com";var interval = 100;var space10="";var seq=0;function Scroll() { document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length); seq++; seq++; if(seq >msg.length)  {  seq=0  } window.setTimeout("Scroll();", interval )} </script><body onload="Scroll();" ><center><form name="tmForm"> <input type="text" name="tmText" size="45"></form></center></body></body></html>

希望本文所述对大家学习javascript程序设计有所帮助。



注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选