JavaScript标题新闻的定时翻滚(IE,FF,Opera,Safari,Chrome)

王朝学院·作者佚名  2009-06-23
窄屏简体版  字體: |||超大  

下面是主要代码:

程序代码

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.scrollTop<this.maxHeight){

this.element.scrollTop++;

this.counter++;

}else{

this.element.scrollTop=0;

this.counter=0;

}

if(this.counter<this.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);

}

}

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航