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实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 Javascript
23个Javascript弹出窗口特效整理
Feb 25 Javascript
如何正确使用javascript 来进行我们的程序开发
Jun 23 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
详解JavaScript中的表单验证
Jun 16 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
Jul 01 Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 Javascript
webpack之devtool详解
Feb 10 Javascript
详解js的视频和音频采集
Aug 09 Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 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
深入理解PHP原理之异常机制
2010/08/21 PHP
简单谈谈PHP中strlen 函数
2016/02/27 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
js实现飞入星星特效代码
2014/10/17 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
jquery validate表单验证的基本用法入门
2016/01/18 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
Bootstrap实现导航栏的2种方式
2016/11/28 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
Vue引入sass并配置全局变量的方法
2018/06/27 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
2018/08/22 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
Echarts地图添加引导线效果(labelLine)
2019/09/30 Javascript
[01:03:56]Mineski vs TNC 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Python数据类型详解(一)字符串
2016/05/08 Python
Python切片索引用法示例
2018/05/15 Python
python采集微信公众号文章
2018/12/20 Python
如何使用Python标准库进行性能测试
2019/06/25 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
2014/04/10 HTML / CSS
俄罗斯护发和专业化妆品购物网站:Hihair
2019/09/28 全球购物
高中自我评价范文
2014/01/27 职场文书
道路交通安全实施方案
2014/03/12 职场文书
金融保险专业求职信
2014/09/03 职场文书
2014教师教育实践活动对照检查材料思想汇报
2014/09/21 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书
初婚未育证明样本
2014/10/24 职场文书
音乐教师个人总结
2015/02/06 职场文书
2015年保险业务员工作总结
2015/05/27 职场文书
幼儿园家长反馈意见
2015/06/03 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书