JS代码实现状态栏文字来回显示
2012-10-27 来源：网络
【实例名称】
JS代码实现状态栏文字来回显示
【实例描述】
网页经常使用状态栏来提示信息，本例用两个简单的JavaScript方法，实现文字来回显示的效果。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧（www.xue51.com）</title> <SCRIPT LANGUAGE="JavaScript"> var Message="欢迎购买JavaScript实例大全，希望您能继续支持！"; var place=1; //文字显示的方法 function scrollIn() { //从第一个文字开始在状态栏显示 window.status=Message.substring(0, place); if (place >= Message.length) { place=1; window.setTimeout("scrollOut()",300); //间隔300毫秒，循环收回文字 } else { place++; window.setTimeout("scrollIn()",50); //间隔50毫秒，循环显示文字 } } //文字收回的方法 function scrollOut() { window.status=Message.substring(place, Message.length); if (place >= Message.length) { place=1; window.setTimeout("scrollIn()", 100);//间隔100毫秒，循环显示文字 } else { place++; window.setTimeout("scrollOut()", 50);//间隔50毫秒，循环收回文字 } } </SCRIPT> </head> <body bgcolor="#eaf4d9" onLoad="scrollIn()"> </body> </html>
【运行效果】
【难点剖析】
本例的重点是“scrollln”和“scrollOut”两个方法。“scrollIn”用来显示文本，当文本显示完毕后．调用“scrollOut”隐藏文本。程序依次循环调用“scrollIn”和“scr。llOut”，实现文本来回显示的效果。
【源码下载】
如果你不愿复制代码及提高代码准确性，你可以点击：JS代码实现状态栏文字来回显示 进行本实例源码下载
