分享一个最近写的Js滚屏类,兼容ie 6+,ff 3+,chrome

分享一个最近写的Js滚屏类,兼容ie 6+,ff 3+,chrome

复制代码
 1 var Roller = {
 2         //  This Roller is compatible in ie 6+,ff 3+,chrome 
 3         //  Author : Daniel Chow 
 4         //  DateTime: 2009 - 4 - 25
 5         MyMar: null,rl1: null,rl2: null,rc1: null,
 6         Init: function(speed, r1, r2, rc) {
 7             Roller.rl1 = document.getElementById(r1);
 8             Roller.rl2 = document.getElementById(r2);
 9             Roller.rc1 = document.getElementById(rc);
10             Roller.rl2.innerHTML = Roller.rl1.innerHTML;
11             Roller.MyMar = setInterval(function() {
12                 Roller.Rotate();
13             }, speed);
14             Roller.rc1.onmouseover = function() {
15                 clearInterval(Roller.MyMar);
16             };
17             Roller.rc1.onmouseout = function() {
18                 Roller.MyMar = setInterval(
19                 function() {
20                     Roller.Rotate();
21                 }, speed);
22             };
23         },
24         Rotate: function() {
25             if (Roller.rl2.offsetTop - Roller.rc1.scrollTop <= 0)
26                 Roller.rc1.scrollTop -= Roller.rl1.offsetHeight
27             else {
28                 Roller.rc1.scrollTop++;
29             }
30         }
31     };
复制代码

 

posted @   Daniel Chow  阅读(774)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示