极乐门资源网 Design By www.ioogu.com
复制代码 代码如下:
<!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>
<!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>
标签：
js,文字滚动
极乐门资源网 Design By www.ioogu.com
极乐门资源网
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
极乐门资源网 Design By www.ioogu.com
暂无js 动态文字滚动的例子的评论...
更新日志
2025年01月22日
2025年01月22日
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果（九）》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]