标题制作网页上的滚动字幕
栏目网络应用
作者陈剑辉
发布1998年第17期12版
滚动字幕(一个字符串在网页上的一个文本框中不停地滚动，循环显示)是网页上最常见的JavaScript语言的应用实例。也许你想知道它是如何实现的，或者你想把它添加到自己的网页中去。下面我就来向你介绍如何在网页上实现滚动字幕。
一、程序实例
(文件名：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>
二、程序说明
滚动字幕的实现原理是：每隔一定时间将字符串中的第一个字符移动到字符串的尾部，再把该字符串在文本框中重新输出。上面程序中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.上面的程序只有在支持JavaScript语言的浏览器(NETSCAPE/MSIE 3.0以上版本)中观看，才能实现滚动字幕的效果。
2.如果你想在滚动字幕中使用汉字的话，则应使字符串的长度为偶数，并且每次移动的字符数也应为偶数。以免出现双字节的汉字被从中截断，分开显示，输出乱码的现象。
3.JavaScript语言是区分大小写字符的，因此请你在写程序时注意保持变量名，函数名的书写形式一致。