js实现单行文本滚动效果实例代码

复制代码代码如下所示:
/ ***************放映开始***************** /

功能scrolltext(内容,btnprevious,btnnext,自动启动){
这个,延迟= 10;
this.lineheight = 20;
这个数量= 1;
这个方向= ;
这个,超时= 1500;
this.scrollcontent =这$(内容);
this.scrollcontent.innerhtml = this.scrollcontent.innerhtml;
/ / this.scrollcontent.scrolltop = 0;
如果(btnnext){
this.nextbutton =这$(btnnext);
this.nextbutton.onclick = this.getfunction(这一点,下一个);
this.nextbutton.onmouseover = this.getfunction(这个,停止);
this.nextbutton.onmouseout = this.getfunction(,开始);
}
如果(btnprevious){
this.previousbutton =这$(btnprevious);
this.previousbutton.onclick = this.getfunction(这个以前);
this.previousbutton.onmouseover = this.getfunction(这个,停止);
this.previousbutton.onmouseout = this.getfunction(,开始);
}
this.scrollcontent.onmouseover = this.getfunction(这个,停止);
this.scrollcontent.onmouseout = this.getfunction(,开始);
如果(1){
这个(开始);
}
}

scrolltext。原型。$ =功能(元){
返回document.getelementbyid(元);
}

(scrolltext.prototype.previous =功能){
ClearTimeout(这个。autoscrolltimer);
ClearTimeout(这个。scrolltimer);
这个滚动();
}

(scrolltext.prototype.next =功能){
ClearTimeout(这个。autoscrolltimer);
ClearTimeout(这个。scrolltimer);
这个滚动();
}

(scrolltext.prototype.start =功能){
ClearTimeout(这个。autoscrolltimer);
this.autoscrolltimer = setTimeout(this.getfunction(这一点,滚动),这个超时);
}

(scrolltext.prototype.stop =功能){
ClearTimeout(这个。scrolltimer);
ClearTimeout(这个。autoscrolltimer);
}

(scrolltext.prototype.autoscroll =功能){
如果(this.direction = =了){
如果(parseInt(这个。scrollcontent。scrollTop)= parseInt(这个。scrollcontent。scrollheight) / 2){
this.scrollcontent.scrolltop = 0;
}
this.scrollcontent.scrolltop量=这;
{人}
如果(parseInt(这个。scrollcontent。scrollTop)<= 0){
this.scrollcontent.scrolltop = parseInt(这个。scrollcontent。scrollheight) / 2;
}
this.scrollcontent.scrolltop量=这;
}
如果(parseInt(这个。scrollcontent。scrollTop)% this.lineheight!= 0){
this.scrolltimer = setTimeout(this.getfunction(这一点,滚动),这个延迟);
{人}
this.autoscrolltimer = setTimeout(this.getfunction(这一点,滚动),这个超时);
}
}

scrolltext.prototype.scroll =功能(方向){
如果(方向= up){
如果(this.scrollcontent.scrolltop = = 0){
this.scrollcontent.scrolltop = parseInt(这个。scrollcontent。scrollheight) / 2;
}
this.scrollcontent.scrolltop量=这;
{人}
this.scrollcontent.scrolltop量=这;
}
如果(parseInt(这个。scrollcontent。scrollTop)= parseInt(这个。scrollcontent。scrollheight) / 2){
this.scrollcontent.scrolltop = 0;
}
如果(parseInt(这个。scrollcontent。scrollTop)% this.lineheight!= 0){
this.scrolltimer = setTimeout(this.getfunction(这个,滚动
}
}

scrolltext.prototype.getfunction =函数(变量,方法参数){
返回函数(){
变量(参数){方法};
}
}

如果(document.getelementbyid(ul_round )){
无功scrollup =新scrolltext(ul_round );
scrollup.lineheight = 40; / /单行文字滚动的高度
scrollup。金额= 1; / /注:子模块(lineheight)必须通过量可。
scrollup。延迟= 30; / /延迟
(scrollup。开始); / /自动滚动文本
scrollup。方向= ; / /默认设置为文本滚动
}
/ ***************滚动***************** /放映