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 相关文章推荐
js获取IFRAME当前的URL的方法
Nov 13 Javascript
使用javascript为网页增加夜间模式
Jan 26 Javascript
深入理解javascript变量声明
Nov 20 Javascript
js 左右悬浮对联广告代码示例
Dec 12 Javascript
JavaScript中的闭包介绍
Mar 15 Javascript
jQuery图片加载显示loading效果
Nov 04 Javascript
简单的渐变轮播插件
Jan 12 Javascript
基于AngularJS的简单使用详解
Sep 10 Javascript
详解react阻止无效重渲染的多种方式
Dec 11 Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 Javascript
vue前端和Django后端如何查询一定时间段内的数据
Feb 28 Vue.js
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实现的MySQL通用查询程序
2007/03/11 PHP
php 验证码制作(网树注释思想)
2009/07/20 PHP
ThinkPHP应用模式扩展详解
2014/07/16 PHP
php使用正则表达式去掉html中的注释方法
2016/11/03 PHP
php简单读取.vcf格式文件的方法示例
2017/09/02 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
PHP设计模式(九)外观模式Facade实例详解【结构型】
2020/05/02 PHP
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
javascript options属性集合操作代码
2009/12/28 Javascript
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
node.js中的fs.readlink方法使用说明
2014/12/17 Javascript
bootstrap中使用google prettify让代码高亮的方法
2016/10/21 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
2018/04/19 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
node.js命令行教程图文详解
2019/05/27 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
解决VueCil代理本地proxytable无效报错404的问题
2020/11/07 Javascript
win7安装python生成随机数代码分享
2013/12/27 Python
Python常用列表数据结构小结
2014/08/06 Python
Python使用MONGODB入门实例
2015/05/11 Python
python实现汉诺塔递归算法经典案例
2021/03/01 Python
Python实现将16进制字符串转化为ascii字符的方法分析
2017/07/21 Python
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
python实发邮件实例详解
2019/11/11 Python
利用python实现AR教程
2019/11/20 Python
k-means 聚类算法与Python实现代码
2020/06/01 Python
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
HTML5 表单验证失败的提示语问题
2017/07/13 HTML / CSS
新加坡航空官方网站:Singapore Airlines
2016/10/13 全球购物
车间工艺员岗位职责
2013/12/09 职场文书
优秀中学生事迹材料
2014/01/31 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书
心理学培训心得体会
2016/01/22 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python
python3读取文件指定行的三种方法
2021/05/24 Python