当前位置：首页 > 资讯 > 技术文档

javascript新闻跑马灯实例代码

时间：2020-05-23 07:07 编辑：来源：阅读：
扫一扫，手机访问

摘要：javascript新闻跑马灯实例代码

本文实例为大家分享了javascript实现的跑马灯效果代码，实现了新闻公告之类的功能，下面提供了一段跑马灯实例供大家参考之用，希望能够对需要的朋友有所帮助。运行效果图： [img]http://files.jb51.net/file_images/article/201512/2015122385119916.jpg?2015112385132[/img] 代码实例如下：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>javascript新闻跑马灯效果</title>
</head>
<script type="text/javascript">
var msg="编程素材网欢迎您http://www.1sucai.cn";
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程序设计有所帮助。

全部评论(0)

上一篇：JavaScript入门教程之引用类型
下一篇：javascript之典型高阶函数应用介绍

资讯排行榜
更多>>