JS实现状态栏跑马灯文字效果代码
2015-10-24 00:00
906 查看
本文实例讲述了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程序设计有所帮助。
相关文章推荐
- js实现表单多按钮提交action的处理方法
- JavaScript中Date对象的常用方法示例
- JavaScript中日期的相关操作方法总结
- js判断日期时间有效性的方法
- 使用javaScript动态加载Js文件和Css文件
- JavaScript中数组的合并以及排序实现示例
- 向JavaScript的数组中添加元素的方法小结
- 详解JavaScript编程中的数组结构
- js中slice splice split的区别
- 不允许直接访问jsp处理方式一过滤器
- ExtJS Desktop桌面图标换行
- <%@ include file=""%>和<jsp:include page="c.jsp"></jsp:include>区别
- JavaScript之 ------ 浏览器对象模型 (BOM)
- js——input框实现淘宝一样的点击后商品数量的增加和减少
- 201510232239_《Javascript权威指南(第六版)——不污染js(不可扩展和不可配置)、》(P243-244)
- 使用自定义tld标签简化jsp的繁琐操作
- 各个JSON技术的比较
- Javascript计数器
- 【翻译】Ext JS最新技巧――2015-10-21
- 借助 SublimeLinter 编写高质量的 JavaScript & CSS 代码