📄 paomadeng2.htm
字号:
<html>
<head>
<title>
文字的跑马灯效果
</title>
<script Language="JavaScript">
var msg="这是使用JavaScript实现的文字跑马灯效果";
var interval = 100;
var maxlen = 120;
var space=" ";
var seq=0;
var stext="";
var len;
for (i=1; i<=maxlen; i++)
stext += space;
stext += msg;//实现文字起始逐个出现在最左边。
function InitScroll()
{
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;//这两句实现在递归时文字逐个出现在最左边。
if(seq >= len)//若已经全部出现，则开始进入跑马灯效果
{
seq = maxlen;
window.setTimeout("Scroll();", interval );
}
else
window.setTimeout("InitScroll();", interval);//否则继续递归。
}
function Scroll()
{
len=stext.length;
window.status=stext.substring(seq, len);
seq++;
if(seq >= len)
{
seq = 0;
}
window.setTimeout("Scroll();", interval);
}
InitScroll();
</script>
</head>
<body>
<center>
<font size=5 color="ff0094">
加上初始效果的文字跑马灯
</font>
</center>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -