zoukankan      html  css  js  c++  java
  • 兼容所有浏览器的跑马灯

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JS实现无间隙滚动代码</title>
    <style type="text/css">
    <!--
    #marquee_box {
    overflow:hidden;
    390px;
    }
    #marquee_box img {
    border: 3px solid #F2F2F2;
    }
    #marquee_img {
    float: left;
    800%;
    }
    #marquee_img1 {
    float: left;
    }
    #marquee_img2 {
    float: left;
    }
    -->
    </style>
    </head>

    <body>

    <div id="marquee_box">
    <div id="marquee_img">
    <div id="marquee_img1"> <a href="#"><img src="images/alipay.gif" /><img src="images/logo.jpg" /></a> </div>
    <div id="marquee_img2"></div>
    </div>
    </div>
    <script language="javascript">
    <!--
    var speed = 30; //数字越大速度越慢
    var tab = document.getElementById("marquee_box");
    var tab1 = document.getElementById("marquee_img1");
    var tab2 = document.getElementById("marquee_img2");
    tab2.innerHTML = tab1.innerHTML;
    function Marquee() {
    if (tab2.offsetWidth - tab.scrollLeft <= 0)
    tab.scrollLeft -= tab1.offsetWidth
    else {
    tab.scrollLeft++;
    }
    }
    var MyMar = setInterval(Marquee, speed);
    tab.onmouseover = function () { clearInterval(MyMar) };
    tab.onmouseout = function () { MyMar = setInterval(Marquee, speed) };
    -->
    </script>
    </body>
    </html>

  • 相关阅读:
    627. whose 和 who's
    628. why 和why not
    629 will: 各种用法tyg
    enChapter 3 Underlying Technologiesp
    使用VIEWER.JS进行简单的图片预览
    outlook2010设置失败后重新设置
    新增和编辑clob字段
    金钱大写
    pivot 与 unpivot 函数是SQL05新提供的2个函数
    从函数到委托
  • 原文地址:https://www.cnblogs.com/blogzys/p/2598946.html
Copyright © 2011-2022 走看看