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 相关文章推荐
一个cssQuery对象 javascript脚本实现代码
Jul 21 Javascript
js中top/parent/frame概述及案例应用
Feb 06 Javascript
js获取php变量的实现代码
Aug 10 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
JavaScript代码复用模式详解
Nov 07 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 Javascript
js实现C#的StringBuilder效果完整实例
Dec 22 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
微信小程序移动拖拽视图-movable-view实例详解
Aug 17 Javascript
关于layui表单中按钮自动提交的解决方法
Sep 09 Javascript
小程序接口的promise化的实现方法
Dec 11 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设计模式之观察者模式的应用详解
2013/05/21 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
js 图片缩放(按比例)控制代码
2009/05/27 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
js弹窗返回值详解(window.open方式)
2014/01/11 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
用js模拟struts2的多action调用示例
2014/05/19 Javascript
JQuery球队选择实例
2015/05/18 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
JS实现图片平面旋转的方法
2016/03/01 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
bootstrap table小案例
2016/10/21 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
基于js中的原型(全面讲解)
2017/09/19 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
vuex实现购物车的增加减少移除
2020/06/28 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
Python学习思维导图(必看篇)
2017/06/26 Python
Django中自定义admin Xadmin的实现代码
2019/08/09 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
将数据集制作成VOC数据集格式的实例
2020/02/17 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
娇韵诗加拿大官网:Clarins加拿大
2017/11/20 全球购物
电大毕业生自我鉴定
2013/11/10 职场文书
初一生物教学反思
2014/01/18 职场文书
厂长岗位职责
2014/02/19 职场文书
市级文明单位申报材料
2014/05/07 职场文书
关于旅游的活动方案
2014/08/15 职场文书
Redis 异步机制
2022/05/15 Redis