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


Posted in Javascript onOctober 24, 2015

本文实例讲述了JS实现状态栏跑马灯文字效果代码。分享给大家供大家参考,具体如下:

这款状态栏跑马灯,文字跑动的定义在数组内,自己可修改内容。现在的IE8貌似不兼容,有缺憾的代码,欢迎JS爱好者修正,修正请发回一份。状态栏为效果显示区。

运行效果截图如下:

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

在线演示地址如下:

具体代码如下:

<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程序设计有所帮助。

Javascript 相关文章推荐
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
Mar 01 Javascript
浅析document.createDocumentFragment()与js效率
Jul 08 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
JavaScript设计模式之外观模式介绍
Dec 28 Javascript
jquery实现表格本地排序的方法
Mar 11 Javascript
详解AngularJS 模态对话框
Apr 07 Javascript
当jquery ajax遇上401请求的解决方法
May 19 Javascript
BootStrap3使用错误记录及解决办法
Dec 22 Javascript
JS中input表单隐藏域及其使用方法
Feb 13 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
JavaScript中的执行环境和作用域链
Sep 04 Javascript
浅谈javascript事件环微任务和宏任务队列原理
Sep 12 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 #Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 #Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 #Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
Sep 13 #Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 #Javascript
js获取表格的行数和列数的方法
Oct 23 #Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 #Javascript
You might like
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
PHP读取大文件末尾N行的高效方法推荐
2016/06/03 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
Laravel框架Eloquent ORM简介、模型建立及查询数据操作详解
2019/12/04 PHP
PHP实现简易图形计算器
2020/08/28 PHP
jquery 最简单的属性菜单
2009/10/08 Javascript
基于jQuery的试卷自动排版系统实现代码
2011/01/06 Javascript
基于Jquery的开发个代阴影的对话框效果代码
2011/07/28 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
nodejs微信公众号支付开发
2016/09/19 NodeJs
在 Angular2 中实现自定义校验指令(确认密码)的方法
2017/01/23 Javascript
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
MVVM 双向绑定的实现代码
2018/06/21 Javascript
vue 遮罩层阻止默认滚动事件操作
2020/07/28 Javascript
python3 实现验证码图片切割的方法
2018/12/07 Python
详解python运行三种方式
2019/05/13 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
使用python无账号无限制获取企查查信息的实例代码
2020/04/17 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
互动出版网:专业书籍
2017/03/21 全球购物
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
纽约海:Sea New York
2018/11/04 全球购物
YSL圣罗兰美妆俄罗斯官网:Yves Saint Lauret RU
2020/09/23 全球购物
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
大一新生军训时的自我评价分享
2013/12/05 职场文书
初中三好学生事迹材料
2014/01/13 职场文书
个人近期表现材料
2014/02/11 职场文书
幼儿园母亲节活动方案
2014/03/10 职场文书
会议室使用管理制度
2015/08/06 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
学生会2016感恩节活动小结
2016/04/01 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书