本文以JS为例,实现了字符来回出现的状态栏特效代码。分享给大家参考,如下:
运行这种前后出现文字的状态栏特效时,请注意页面左下角的状态栏。看来IE8以上看不到效果。那么,这是怎么发生的呢?主要是使用功能显示消息,根据place的值,取当前要显示的字符串,300毫秒后准备折叠显示,并在下一次显示要取的字符串长度计数器上加1;同时,使用函数隐藏Message,取消息右侧一定长度的字符串,设置下一个字符消隐的延迟。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-status-bar-scroll-show-codes/
具体代码如下:
html head script LANguage=' JAVAScript '!-begin var message='欢迎加入我们,请提出您的建议! ';//这里可以自定义显示内容var place=1;函数scrollIn() {//此函数用于显示消息窗口,status=message.substring (0,place);//根据place的值,取当前要显示的字符串if(place=message . length){//如果已经显示了所有信息,place=1;//将place重置为window.settimeout ('scrollout()',300);//准备300毫秒后折叠显示}否则{//否则(信息尚未显示)放置;//将window.settimeout ('scrollin()',50)添加到要获取的字符串长度计数器中;//为下一次显示做好准备} }函数scrollOut() {//此函数用于清空消息窗口,status=message.substring (place,message . length);//取消息右侧一定长度的字符串if(place=message . length){//如果没有可用字符(信息已完全消隐),place=1;//初始化place window . settimeout(' scrollin()',100);//设置下一个操作显示信息}否则{//否则(信息尚未清空)放置;//向计数器添加window.settimeout ('scrollout()',50);//设置下一个字符消隐的延时}}/}}//End - /SCRIPTtitle,状态栏对于文字来回出现的特殊效果/title/head body onload=' roll in()',请注意页面左下角的状态栏/body,希望本文的描述对JavaScript编程有所帮助。