zoukankan      html  css  js  c++  java
  • 分享一个最近写的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     };

    --------------------------------------------------------------------------
    Daniel Chow's Blog - 不管你在哪里,都要有一颗创业的心!
    http://www.cnblogs.com/DanielChow/
  • 相关阅读:
    TD课程通的最终版评价
    对学长TD课程通(.apk)的评价
    Angular速查表
    RxJS学习——官网已不推荐使用的方法及替代方案
    Angular学习问题笔记 (2020.6.17)
    技术分享:基本排序算法
    angular4+ionic3 运行报错 Ineffective mark-compacts near heap limit Allocation failed
    Sass混合指令@mixin和@include用法示例
    Git简介、安装和相关配置
    【Angular学习笔记】英雄编辑器
  • 原文地址:https://www.cnblogs.com/DanielChow/p/1454740.html
Copyright © 2011-2022 走看看