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

q841220295

q841220295

2016-02-19 15:17

下面图老师小编跟大家分享JavaScript标题新闻的定时翻滚(IE,FF,Opera,Safari,Chrome),一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

下面是主要代码:

(本文来源于图老师网站,更多请访问http://m.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://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

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

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

兼容IE FF Opera的javascript最短的拖动代码

Web开发
兼容IE FF Opera的javascript最短的拖动代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS 让IE ff Opera同时支持Alpha透明

Web开发
CSS 让IE ff Opera同时支持Alpha透明

javascript实现轮显新闻标题链接

Web开发
javascript实现轮显新闻标题链接

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)

Web开发
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)

Firebug Lite使用在IE、Opera、Safari浏览器

Web开发
Firebug Lite使用在IE、Opera、Safari浏览器

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS教程:css组合与CSS嵌套的写法

CSS教程:css组合与CSS嵌套的写法

使用金山重装高手装系统后出现蓝屏

使用金山重装高手装系统后出现蓝屏
下拉加载更多内容 ↓