js 动态文字滚动的例子


复制代码 代码如下:

<!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>



相关阅读:
展示网站特色:大字体的网页设计风格
div模拟textarea文本域实现高度自适应效果代码
Prototype使用学习手册指南之ajax.js
查看Oracle字符集及如何修改字符集
掌握分布式数据库全局名与数据库链
怎样在php中使用PDF文档功能
Ubuntu 9.04下CUDA编程起步
Linux系统如何查看及修改文件读写权限
jquery 笔记 事件
Windows7系统安全性维护的几个技巧
Eclipse开发Hibernate应用程序
JavaScript 学习笔记(五)
MYSQL常见出错代码对照
FREEBSD下使用crunch集成编译程序
快速导航

Copyright © 2016 phpStudy |