宝哥软件园

JS实现浏览器状态栏文字从右向左弹出效果代码

编辑:宝哥软件园 来源:互联网 时间:2021-09-29

本文实例讲述了射流研究…实现浏览器状态栏文字从右向左弹出效果。分享给大家供大家参考,具体如下:

这里状态栏文字弹出代码,从右向左弹出,通过修改脚本中的这些代码片段可改变效果:

var POSITION=100 var DELAY=4 var MEssage='这里是你想要的文字!'

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/js-status-bar-txt-scroll-codes/

具体代码如下:

!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN ' HTML标题状态栏文字弹出代码,从右向左弹出/TItle/head dyscript语言='JavaScript '!- function statusMessageObject(p,d){ this。msg=MESSAGE this。out='这个。pos=定位此。DELAY=DELAY这个。这个I=0。reset=clear MESSAGE }函数clear MESSAGE(){ this。pos=POSITION } var POSITION=100 var DELAY=4 var MESSAGE='状态栏文字快速的一个一个弹出!var scroll=新状态消息对象()函数scroller(){ for ()滚动。I=0;滚。我滚动。pos卷轴。I){卷轴。out=' ' } if(滚动。pos=0)滚动。out=滚动。msg else滚动。out=滚动。味精。子字符串(-滚动。位置,滚动。味精。长度)窗口。状态=滚动。出卷轴。out=' '滚动。pos-if(滚动。位置-(滚动。味精。长度)){滚动。reset()} setTimeout(' scroller()',滚动。延迟)}函数快照(跳转空间,位置){ var msg=scroll。味精。var out='一个位置;I){ out=msg。charat(I)} for(I=1;I jumpspacei){ out=' ' } out=msg . charat(位置)窗口。status=out if(跳转空格=1){ position if(msg。charat(位置)==' '){ position }跳转空格=100-position } else if(跳转空格3){跳转空格*=。75 } else {跳转空格-} if(位置!=msg。length){ var cmd=' snapIn '('跳转空格','位置');scrollID=window.setTimeout(cmd,scroll)。延迟);} else { window。status=' '跳转空格=0位置=0 cmd=' snapIn in '('跳转空格','位置')';scrollID=window.setTimeout(cmd,scroll)。延迟);返回false }返回true } Snapin(100,0);/////脚本/正文/HTML希望本文所述对大家Java脚本语言程序设计有所帮助。

更多资讯
游戏推荐
更多+