js 动态文字滚动的例子


Posted in Javascript onJanuary 17, 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>这是一个动态JavaScript文字显示的例子</title> 
<script type="text/JavaScript"> 
var POSITION = 50; 
var DELAY = 150; 
var MESSAGE = "这是一个动态JavaScript文字显示的例子"; 
function bannerObject(){ 
this.msg = MESSAGE; 
this.out = " "; 
this.pos = POSITION; 
this.delay = DELAY; 
this.i = 0; 
this.reset = clearMessage; 
} 
  
function clearMessage(){ 
this.pos = POSITION; 
} 
var scroll = new bannerObject(); 
function scroller(){ 
scroll.out += " "; 
if(scroll.pos>0) 
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++){ 
scroll.out +=" " ; 
} 
if (scroll.pos>= 0) 
scroll.out += scroll.msg; 
else 
scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length); 
document.noticeForm.notice.value = scroll.out; 
scroll.out = " "; 
scroll.pos--; 
scroll.pos--; 
if (scroll.pos < -(scroll.msg.length)) { 
scroll.reset(); 
} 
window.setTimeout("scroller()", scroll.delay); 
} 
</script> 
</head> 
<body onload="scroller()" bgcolor="#000000" link="#C0C0C0" vlink="#C0C0C0" alink="#008080" text="#C0C0C0"> 
<table border="0" cellspacing="0" cellpadding="0"> 
<tr><td width="100%"> 
<form name="noticeForm" action=""> 
<p><input type="text" name="notice" size="50" style="background-color: rgb(192,192,192)"/></p> 
</form> 
</td></tr> 
</table> 
</body> 
</html>

在状态栏滚动文字
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>这是一个跑马灯效果的JavaScript文档-在状态栏</title> 
<script type="text/JavaScript"> 
var msg = "这是一个跑马灯效果的JavaScript文档"; 
var interval = 100; 
var spacelen = 120; 
var space10 = " "; 
var seq = 0; 
function Scroll() { 
len = msg.length; 
window.status = msg.substring(0, seq + 1); 
seq++; 
if (seq >= len) { 
seq = spacelen; 
window.setTimeout("Scroll2();", interval); 
} 
else 
window.setTimeout("Scroll();", interval); 
} 
function Scroll2() { 
var out = ""; 
for (i = 1; i <= spacelen / space10.length; i++) 
out +=space10; 
out = out + msg; 
len = out.length; 
window.status = out.substring(seq, len); 
seq++; 
if (seq >= len) { seq = 0; }; 
window.setTimeout("Scroll2();", interval); 
} 
Scroll(); 
</script> 
</head> 
<body> 
</body> 
</html>
Javascript 相关文章推荐
基于jquery的分页控件(C#)
Jan 06 Javascript
javascript两种function的定义介绍及区别说明
May 02 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
May 14 Javascript
鼠标经过显示二级菜单js特效
Aug 13 Javascript
javascript使用数组的push方法完成快速排序
Sep 15 Javascript
js实现iframe自动自适应高度的方法
Feb 17 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
Sep 01 Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 Javascript
node跨域请求方法小结
Aug 25 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
Feb 16 Javascript
JavaScript中的Array对象使用说明
Jan 17 #Javascript
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 #Javascript
对xmlHttp对象的理解
Jan 17 #Javascript
对xmlHttp对象方法和属性的理解
Jan 17 #Javascript
Grid得到选择行数据的方法总结
Jan 17 #Javascript
JS中confirm,alert,prompt函数区别分析
Jan 17 #Javascript
JavaScript flash复制库类 Zero Clipboard
Jan 17 #Javascript
You might like
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
setcookie中Cannot modify header information-headers already sent by错误的解决方法详解
2013/05/08 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
详解PHP中的PDO类
2015/07/06 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
IE innerHTML,outerHTML所引起的问题
2009/06/04 Javascript
js下用gb2312编码解码实现方法
2009/12/31 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
javascript变量作用域使用中常见错误总结
2013/03/26 Javascript
JS动态添加Table的TR,TD实现方法
2015/01/28 Javascript
jQuery垂直多级导航菜单代码分享
2015/08/18 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
2015/09/05 Javascript
Extjs4.0 ComboBox如何实现三级联动
2016/05/11 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
2017/04/22 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
浅谈es6中export和export default的作用及区别
2018/02/07 Javascript
Angular6 Filter实现页面搜索的示例代码
2018/12/02 Javascript
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
2019/04/09 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
pycharm 使用心得(三)Hello world!
2014/06/05 Python
python实现的汉诺塔算法示例
2019/10/23 Python
Python yield的用法实例分析
2020/03/06 Python
Python编写memcached启动脚本代码实例
2020/08/14 Python
PyCharm2020最新激活码+激活码补丁(亲测最新版PyCharm2020.2激活成功)
2020/11/25 Python
python中@contextmanager实例用法
2021/02/07 Python
用HTML5制作一个简单的弹力球游戏
2015/05/12 HTML / CSS
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
党委书记岗位职责
2013/11/24 职场文书
知识改变命运演讲稿
2014/05/21 职场文书
2014学习优秀共产党员先进事迹思想汇报
2014/09/14 职场文书
借款协议书
2014/09/16 职场文书
社团个人总结范文
2015/03/05 职场文书
校运会广播稿
2015/08/19 职场文书
Nginx + consul + upsync 完成动态负载均衡的方法详解
2021/03/31 Servers
pytorch显存一直变大的解决方案
2021/04/08 Python
理解深度学习之深度学习简介
2021/04/14 Python