下面图老师小编跟大家分享JavaScript标题新闻的定时翻滚(IE,FF,Opera,Safari,Chrome)，一起来学习下过程究竟如何进行吧！喜欢就赶紧收藏起来哦~
【 tulaoshi.com - Web开发 】
下面是主要代码:
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/） 程序代码
var Scroll=Class.create();
Scroll.prototype={
//第一个参数定义要滚动的区域,第二个参数定义每次滚动的高度
initialize:function(element,height,delay){
this.element=$(element);
this.element.innerHTML+=this.element.innerHTML;
this.height=height;
this.delay=delay*1000;
this.maxHeight=this.element.scrollHeight/2;
this.counter=0;
this.scroll();
this.timer="";
this.element.onmouseover=this.stop.bind(this);
this.element.onmouseout=function(){this.timer=setTimeout(this.scroll.bind(this),1000);}.bind(this);
},
scroll:function(){
if(this.element.scrollTopthis.maxHeight){
this.element.scrollTop++;
this.counter++;
}else{
this.element.scrollTop=0;
this.counter=0;
}
if(this.counterthis.height){
this.timer=setTimeout(this.scroll.bind(this),20);
}else{
this.counter=0;
this.timer=setTimeout(this.scroll.bind(this),this.delay);
}
},
stop:function(){
clearTimeout(this.timer);
}
}
来源:http://www.tulaoshi.com/n/20160219/1609312.html
看过《JavaScript标题新闻的定时翻滚(IE,FF,Opera,Safari,Chrome)》的人还看了以下文章 更多>>
