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 相关文章推荐
JS对HTML标签select的获取、添加、删除操作
Oct 17 Javascript
jquery仿百度百科底部浮动导航特效
Aug 08 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
Angular.js中用ng-repeat-start实现自定义显示
Oct 18 Javascript
jQuery中ajax错误调试分析
Dec 01 Javascript
Vuex模块化实现待办事项的状态管理
Mar 15 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
Jul 23 Javascript
vue组件Prop传递数据的实现示例
Aug 17 Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
Jun 04 Javascript
使用Vue Composition API写出清晰、可扩展的表单实现
Jun 10 Javascript
解决vue-loader加载不上的问题
Oct 21 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 array_filter除去数组中的空字符元素
2020/06/21 PHP
php+croppic.js实现剪切上传图片功能
2018/08/14 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
javascript得到XML某节点的子节点个数的脚本
2008/10/11 Javascript
jquery对表单操作2
2011/04/06 Javascript
如何正确使用Nodejs 的 c++ module 链接到 OpenSSL
2014/08/03 NodeJs
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
jquery输入数字随机抽奖特效的简单实现代码
2016/06/10 Javascript
webpack配置文件和常用配置项介绍
2017/04/28 Javascript
express默认日志组件morgan的方法
2018/04/05 Javascript
如何在项目中使用log4.js的方法步骤
2019/07/16 Javascript
原生js拖拽功能制作滑动条实例代码
2021/02/05 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
详解Python当中的字符串和编码
2015/04/25 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
Python字符串的一些操作方法总结
2019/06/10 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
Python3进制之间的转换代码实例
2019/08/24 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
快速解释如何使用pandas的inplace参数的使用
2020/07/23 Python
python asyncio 协程库的使用
2021/01/21 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
尼克松手表官网:Nixon手表
2019/03/17 全球购物
面向对象编程是如何提高软件开发水平的
2014/05/06 面试题
2015年党员个人剖析材料
2014/12/18 职场文书
幼儿园感谢信
2015/01/21 职场文书
2016道德模范先进事迹材料
2016/02/26 职场文书
妇联2016年六一国际儿童节活动总结
2016/04/06 职场文书
PyTorch 如何自动计算梯度
2021/05/23 Python
python如何利用cv2模块读取显示保存图片
2021/06/04 Python
为Centos安装指定版本的Docker
2022/04/01 Servers