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