文字跑马灯效果

最新推荐文章于 2024-06-26 09:38:09 发布

1°叁柒

最新推荐文章于 2024-06-26 09:38:09 发布

阅读量944

点赞数

本文链接：https://blog.csdn.net/zhu_nana/article/details/8013797

版权

<html>
<head>
<title>跑马灯</title>
<style type="text/css">

</style>
<script language="javascript">
var msg="这是跑马灯，我跑啊跑啊跑";  //跑马灯的文字
var interval = 400;      //跑动的速度
var seq=0;

function LenScroll() {
document.nextForm.lenText.value = msg.substring(seq, msg.length) + "   " + msg;
seq++;
if ( seq > msg.length )
  seq = 0;
window.setTimeout("LenScroll();", interval);
}
</script>
   </head>
<body onLoad="LenScroll()">
<center>
<form name="nextForm">
<input type="text" name="lenText">
</form>
</center>
</body>