html滚动字幕js,js 动态文字滚动的例子

这是一个动态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);

}

在状态栏滚动文字

这是一个跑马灯效果的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();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值