当前位置导航:炫浪网>>网络学院>>网页制作>>JavaScript教程

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

下面是主要代码:

 程序代码
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);
}
}

相关内容
赞助商链接