信鸽网

javascript新闻跑马灯实例代码

  作者：bea

本文实例为大家分享了javascript实现的跑马灯效果代码，实现了新闻公告之类的功能，下面提供了一段跑马灯实例供大家参考之用，希望能够对需要的朋友有所帮助。 运行效果图： 代码实例如下： <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>javascript新闻跑马灯效果</title></head><scr

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


运行效果图：



代码实例如下：




<!DOCTYPE html> 

<html> 

<head> 

<meta charset="gb2312"> 

<title>javascript新闻跑马灯效果</title>

</head>

<script type="text/javascript">

var msg="脚本之家欢迎您";

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程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: