JS实现状态栏跑马灯文字效果代码
2015-10-24 11:21
585 查看
本文实例讲述了JS实现状态栏跑马灯文字效果代码。分享给大家供大家参考,具体如下:
这款状态栏跑马灯,文字跑动的定义在数组内,自己可修改内容。现在的IE8貌似不兼容,有缺憾的代码,欢迎JS爱好者修正,修正请发回一份。状态栏为效果显示区。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/
具体代码如下:
<HTML> <HEAD> <TITLE>间隔状态栏跑马灯</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <SCRIPT language=JavaScript> <!-- function scrollit(seed) { var m1 = "HI:你 好! "; var m2 = "欢迎访问脚本之家网站"; var m3 = "请 多 提 意 见,谢 谢!"; var m4 = "E-MAIL:"; var m5 = "/"; var msg=m1+m2+m3+m4+m5; var out = " "; var c = 1; if (seed > 100) { seed--; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" "; } out+=msg; seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else { window.status=" "; timerTwo=window.setTimeout("scrollit(100)",75); } } } //--> </SCRIPT> <META content="MSHTML 6.00.2900.2963" name=GENERATOR> </HEAD> <BODY bgColor=#fef4d9 onload=scrollit(100)> </BODY> </HTML>
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 让电脑右下角显示你想要文字
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 让超出DIV宽度范围的文字自动显示省略号...
- 使用CSS不用程序实现文字自动截断 用省略号代替
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- JS实现不使用图片仿Windows右键菜单效果代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- PHP VBS JS 函数 对照表
- MFC对话框中添加状态栏的方法