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类定义原型方法的两种实现的区别评论很多
Sep 12 Javascript
jquery 常用操作整理 基础入门篇
Oct 14 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
Mar 10 Javascript
jquery查找tr td 示例模拟
May 08 Javascript
javascript检测移动设备横竖屏
May 21 Javascript
jQuery实现6位数字密码输入框
Dec 29 Javascript
js获取ip和地区
Mar 10 Javascript
原生JS实现N级菜单的代码
May 21 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
Nov 24 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
vue基础知识--axios合并请求和slot
Jun 04 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
DC动漫人物排行
2020/03/03 欧美动漫
查找php配置文件php.ini所在路径的二种方法
2014/05/26 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
js 禁止选择功能实现代码(兼容IE/Firefox)
2010/04/23 Javascript
js 函数的副作用分析
2011/08/23 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
js里取容器大小、定位、距离等属性搜集整理
2013/08/19 Javascript
JS保留两位小数,多位小数的示例代码
2014/01/07 Javascript
JS插件overlib用法实例详解
2015/12/26 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
2016/12/21 Javascript
js实现文字跑马灯效果
2017/02/23 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
echarts学习笔记之箱线图的分析与绘制详解
2017/11/22 Javascript
浅谈Vue SPA 首屏加载优化实践
2017/12/15 Javascript
浅谈使用React.setState需要注意的三点
2017/12/18 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
JavaScript 几种循环方式以及模块化的总结
2020/09/03 Javascript
nuxt 每个页面head标签内容设置方式
2020/11/05 Javascript
python连接mongodb操作数据示例(mongodb数据库配置类)
2013/12/31 Python
Python continue语句用法实例
2014/03/11 Python
python 爬取微信文章
2016/01/30 Python
Python 描述符(Descriptor)入门
2016/11/20 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
python3利用Socket实现通信的方法示例
2019/05/06 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
培训讲师岗位职责
2014/04/13 职场文书
店长岗位职责
2015/02/11 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
Windows中Redis安装配置流程并实现远程访问功能
2021/06/07 Redis