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>

  • 相关阅读:
    Python环境变量的配置
    关于selenium+python的googledirver和iedirver的配置
    jdk1.6环境变量配置
    windows server 2012R2安装激活码
    Git生成SSHKey
    Linux下配置和安装VNCServer远程服务
    Win7 64位硬盘安装Ubuntu 64位的细微配置
    apache tomcat 8.0 显示目录文件
    跨域登录
    jsonp 代码优化
  • 原文地址:https://www.cnblogs.com/blogzys/p/2598946.html
Copyright © 2011-2022 走看看