使窗口标题、状态栏和窗口中的文字产生逐渐呈现的变化效果。
(蓝色文字为注释文字,可以不输入)
 
<HTML>
<BODY>
<CENTER>
<FORM Name="tmform">
<INPUT Name="tmtext" Size=20 >
</FORM>
</CENTER>
<!-上面产生一个表单,可以通过javascript改变表单文字的内容 -- >
<SCRIPT Language="javascript">
var msg="欢迎来到紫星的电脑世界";
var interval=100
var seq=0;
function scroll() {
len=msg.length;//取出字符串的长度
window.status=msg.substring(0,seq+1);/*将取得的子字符串送给状态栏,window.status是状态栏对象*/
document.title=msg.substring(0,seq+1); /*将取得的子字符串送给窗口标题, Document.title是标题对象*/
document.tmform.tmtext.value=msg.substring(0,seq+1); /*将取得的子字符串作为表单对象的文本框对象的值*/
seq++;
/*如果字符串全部显示完后从头开始显示,没有显示完显示下一个字符,interval为上一个字符显示后开始显示时下一个字符等待的时间*/
if (seq>=len) {
seq=0;
window.status='';
window.setTimeout("scroll();",interval );
}
else
window.setTimeout("scroll();",interval );
}
scroll();//在文件调入时调用函数,开始走马灯效果
</SCRIPT>
</BODY>
</HTML>
 
练习:将文字显示改为逐个字符显示的效果、从右向左走动的效果。