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 相关文章推荐
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
Jan 15 Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
HTML,CSS,JavaScript速查表推荐
Dec 02 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
Sep 22 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
Apr 18 Javascript
20行js代码实现的贪吃蛇小游戏
Jun 20 Javascript
react实现菜单权限控制的方法
Dec 11 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
公众号SVG动画交互实战代码
May 31 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
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
巧用replace将文字表情替换为图片
2014/04/17 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
2015/01/23 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
基于JS代码实现实时显示系统时间
2016/06/16 Javascript
js判断iframe中元素是否存在的实现代码
2016/12/24 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
karma+webpack搭建vue单元测试环境的方法示例
2018/05/24 Javascript
css配合JavaScript实现tab标签切换效果
2018/10/11 Javascript
VUE+Element环境搭建与安装的方法步骤
2019/01/24 Javascript
浅谈Express.js解析Post数据类型的正确姿势
2019/05/30 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
2019/07/22 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
2019/11/15 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python正则表达式匹配ip地址实例
2014/10/09 Python
Python 实现引用其他.py文件中的类和类的方法
2018/04/29 Python
Django框架多表查询实例分析
2018/07/04 Python
python移位运算的实现
2019/07/15 Python
Python 离线工作环境搭建的方法步骤
2019/07/29 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
Python 创建守护进程的示例
2020/09/29 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
西班牙网上书店:Casa del Libro
2016/11/01 全球购物
Snapfish爱尔兰:在线照片打印和个性化照片礼品
2018/09/17 全球购物
恶意软件的定义
2014/11/12 面试题
接口可以包含哪些成员
2012/09/30 面试题
高中生自我鉴定范文
2013/10/30 职场文书
syb养殖创业计划书
2014/01/09 职场文书
学校消防演习方案
2014/02/19 职场文书
golang生成并解析JSON
2022/04/14 Golang
Android 中的类文件和类加载器详情
2022/06/05 Java/Android