分享一个最近写的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 };