分享一个最近写的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 };
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 };
--------------------------------------------------------------------------
Daniel Chow's Blog - 不管你在哪里,都要有一颗创业的心!
http://www.cnblogs.com/DanielChow/
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架