javascript新闻跑马灯实例代码

前端技术 2023/09/01 JavaScript

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

运行效果图：

代码实例如下：

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

本文地址：https://www.stayed.cn/item/2964

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案