打印本文 打印本文  关闭窗口 关闭窗口  
在状态栏中实现活动文字效果
作者：陈鹏  文章来源：eNet  点击数  更新时间：2009/9/12 9:02:29  文章录入：陈鹏  责任编辑：陈鹏
达到这种效果的思路是：先把要呈现的文字赋给一个变量，设置一个函数，每隔一段时间就在状态栏上打出文字，文字递增出现，当文字的长度等于整句话的长度的时候，使其为0，重新打出文字，不停循环就可以得到这种效果。

　　下面，我们来看一看源程序吧。

　　＜script language="JavaScript"＞

　　var msg = "欢迎光临5D多媒体 ！！ " ;

　　// msg变量就是设定状态栏要出现的文字（一句话）

　　var interval = 120

　　//设定间隔多少毫秒文字长度增加一个，此处是120毫秒

　　var seq=0;

　　//代表动态的文字长度

　　function Scroll() {

　　len = msg.length;

　　window.status = msg.substring(0, seq+1);

　　//文字的字符加一

　　seq++;

　　//动态文字的长度加一

　　if ( seq ＞= len ) {

　　seq = 0;

　　window.status = '';

　　window.setTimeout("Scroll();", interval );

　　}

　　//如果动态文字长度和整句话相同，则动态文字的长度设为0，重新来过

　　else

　　window.setTimeout("Scroll();", interval );

　　}

　　Scroll();

　　＜/script＞

　　把上述源代码拷入Html文件的＜body＞＜/body＞标签中可以有如下的效果：

　　
请添加描述
打印本文 打印本文  关闭窗口 关闭窗口