跑马灯文字效果
下面是效果
首先将下面代码加入到你网页标签<head></head>当中......
<SCRIPT Language="JavaScript">
var msg="电脑学习网欢迎您的光临！！！";
var interval = 100;
var space10=" ";
var seq=0;
function Scroll1() {
document.tmForm.tmText.value = msg.substring(0, seq+1);
seq++;seq++;
if ( seq >= msg.length ) { seq = 0;
window.setTimeout("Scroll2();", interval );
}
else
window.setTimeout("Scroll1();", interval );
}
function Scroll2() {
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("Scroll2();", interval );
}
</SCRIPT>
然后将你网页标签<body>改为<body OnLoad="Scroll1();">
最后把下面代码加入到你网页标签<body>的后面适当位置即可......
<CENTER><FORM Name=tmForm>
<INPUT Name=tmText Size=100 style="background-color: #C0C0C0; color:
#000000; border-style: groove">
</FORM></CENTER>
在这个效果中,你可以对蓝色的文字进行任何修改.在此希望你可以给本站做链接,谢谢！