制作网页上的滚动字幕

Author: 陈剑辉 Date: 1998年第17期 12版

　　滚动字幕（一个字符串在网页上的一个文本框中不停地滚动，循环显示）是网页上最常见的JavaScript语言的应用实例。也许你想知道它是如何实现的，或者你想把它添加到自己的网页中去。下面我就来向你介绍如何在网页上实现滚动字幕。
#1　　一、程序实例
　　（文件名:ScrollText.htm）
　　功能:字符串Textstr在文本框form1.text1中向左滚动，循环显示。
　　<HTML>
　　<HEAD>
　　<TITLE>ScrollText.htm</TITLE>
　　<SCRIPT LANGUAGE=″javascript″>
　　var Textstr=″Welcome To My Homepage!″;
　　var step=1;
　　function ScrollText（）
　　{
　　Textstr=Textstr.substring（step，Textstr.length）＋Textstr.substring（0，step）;
　　document.form1.text1.value=Textstr;
　　setTimeout（″ScrollText（）″，500）;
　　}
　　</SCRIPT>
　　</HEAD>
　　<BODY>
　　<FORM NAME=″form1″>
　　网页上的滚动字幕!<BR>
　　<INPUT TYPE=″text″ NAME=″text1″ SIZE=30>
　　</FORM>
　　<SCRIPT LANGUAGE=″javascript″>
　　ScrollText（）;
　　</SCRIPT>
　　</BODY>
　　</HTML>
#1　　二、程序说明
　　滚动字幕的实现原理是:每隔一定时间将字符串中的第一个字符移动到字符串的尾部，再把该字符串在文本框中重新输出。上面程序中ScrollText（）函数就是实现这一功能的。具体实现步骤如下:
　　1.将字符串Textstr的子串Textstr.substring（0，step）与子串Textstr.substring（step，Textstr.length）交换位置后组成新的字符串，赋给Textstr（注:step是每次移动的字符数）。
　　2.把重新排好的字符串Textstr赋给document.form1.text1.value，使文本框中输出新的字符串。
　　3.用setTimeout（″ScrollText（）″，500）语句设置下一次调用ScrollText（）函数的时间间隔为0.5秒（500/1000秒）。
#1　　三、注意事项
　　1.上面的程序只有在支持JavaScript语言的浏览器（NETSCAPE/MSIE 3.0以上版本）中观看，才能实现滚动字幕的效果。
　　2.如果你想在滚动字幕中使用汉字的话，则应使字符串的长度为偶数，并且每次移动的字符数也应为偶数。以免出现双字节的汉字被从中截断，分开显示，输出乱码的现象。
　　3.JavaScript语言是区分大小写字符的，因此请你在写程序时注意保持变量名，函数名的书写形式一致。