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 相关文章推荐
javascript+xml技术实现分页浏览
Jul 27 Javascript
javascript XMLHttpRequest对象全面剖析
Apr 24 Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
php跨域调用json的例子
Nov 13 Javascript
js中一个函数获取另一个函数返回值问题探讨
Nov 21 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
Angular.JS学习之依赖注入$injector详析
Oct 20 Javascript
jQuery实现的分页功能示例
Jan 22 Javascript
webpack中如何加载静态文件的方法步骤
May 18 Javascript
JavaScript 反射和属性赋值实例解析
Oct 28 Javascript
vue实现设置载入动画和初始化页面动画效果
Oct 28 Javascript
Java 生成随机字符的示例代码
Jan 13 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
dede全站URL静态化改造[070414更正]
2007/04/17 PHP
用PHP与XML联手进行网站编程代码实例
2008/07/10 PHP
PHP开发中常用的三个表单验证函数使用小结
2010/03/03 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
Laravel 5.5 异常处理 &amp; 错误日志的解决
2019/10/17 PHP
javascript arguments 传递给函数的隐含参数
2009/08/21 Javascript
IE 条件注释详解总结(附实例代码)
2009/08/29 Javascript
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
基本jquery的控制tabs打开的数量的代码
2010/10/17 Javascript
JavaScript打字小游戏代码
2011/12/26 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
2017/03/07 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
2017/09/15 Javascript
vue-cli脚手架引入图片的几种方法总结
2018/03/13 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
微信小程序实现带参数的分享功能(两种方法)
2019/05/17 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python网络编程之UDP通信实例(含服务器端、客户端、UDP广播例子)
2014/04/25 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
Python检测网络延迟的代码
2018/05/15 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
详解python项目实战:模拟登陆CSDN
2019/04/04 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
python中比较两个列表的实例方法
2019/07/04 Python
python双端队列原理、实现与使用方法分析
2019/11/27 Python
金讯Java笔试题目
2013/06/18 面试题
生日邀请函范文
2014/01/13 职场文书
2015年端午节活动总结
2015/02/11 职场文书
初中信息技术教学反思
2016/02/16 职场文书
python中if和elif的区别介绍
2021/11/07 Python
Spring boot admin 服务监控利器详解
2022/08/05 Java/Android