JS实现状态栏跑马灯文字效果代码

时间：2021-05-26

本文实例讲述了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程序设计有所帮助。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章