📄 paomadeng.htm
字号:
<html>
<head>
<title>
文字的跑马灯效果
</title>
<script Language="JavaScript">
var msg="这是使用JavaScript实现的文字跑马灯效果";
var interval = 100;//定义setTimeout函数的时间参数，这里是0.1秒。
var maxlen = 120;//定义跑马灯msg处于最右时的位置值。
var space=" ";
var seq=maxlen;//定义stext中被选取段的开始位置。
var stext="";//实际显示它的一部分。
var len;
for (i=1; i<=maxlen; i++)
stext += space;
stext += msg;//初始化它，实质是一段空格加上msg。
len=stext.length;
function Scroll()
{
window.status=stext.substring(seq, len);//在状态栏上显示stext从seq开始，长度为len的一部分。
seq++;//seq每次加1，表示每次少显示一个前置空格，视觉效果就是文字提前一格。
if(seq >= len)//如果seq比len大，意味着什么都不显示，或者说到达了左边界，则重新开始。
{
seq = 0;
}
window.setTimeout("Scroll();", interval);//递归调用，过interval毫秒后再次调用Scroll函数。
}
Scroll();//调用Scroll函数，进入递归。
</script>
</head>
<body>
<center>
<font size=5 color="ff0094">
递归实现的跑马灯效果
</font>
</center>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -