zoukankan      html  css  js  c++  java
  • 无缝滚动--水平方向

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>图片跑马灯</title>
    </head>
    <body>
    <div id="colee_right" style="overflow:hidden;960px;margin:20px auto;">
    <table cellpadding="0" cellspacing="0" border="0">
    <tbody>
    <tr>
    <td id="colee_right1" valign="top" align="center">
    <table cellpadding="2" cellspacing="0" border="0">
    <tbody>
    <tr align="center">
    <td><a href="http://www.haier.com/cn/" target="_blank"><img src="images/haier_logo.png"></a></td>
    <td><a href="http://www.tongshuai.com/" target="_blank"><img src="images/ts_logo.png"></a></td>
    <td><a href="http://www.geeya.cn/" target="_blank"><img src="images/jykj_logo.png"></a></td>
    <td><a href="http://www.jiuzhou.com.cn/" target="_blank"><img src="images/jz_logo.png"></a></td>
    <td><a href="http://www.coupoint.net/" target="_blank"><img src="images/klc_logo.png"></a></td>
    <td><a href="http://shop.coolpad.cn/" target="_blank"><img src="images/kp_logo.png"></a></td>
    <td><a href="http://www.rapoo.cn/" target="_blank"><img src="images/lp_logo.png"></a></td>
    <td><a href="http://www.sumavision.com/" target="_blank"><img src="images/smsx_logo.png"></a></td>
    <td><a href=" http://www.lefant.com.cn/" target="_blank"><img src="images/lf_logo.png"></a></td>
    <td><a href=" http://www.yuandaocn.com/" target="_blank"><img src="images/yd_logo.png"></a></td>
    <td><a href="http://www.mobee.tv/" target="_blank"><img src="images/wpt_logo.png"></a></td>
    <td><a href="http://www.egreatworld.com/" target="_blank"><img src="images/ygr_logo.png"></a></td>
    </tr>
    </tbody>
    </table>
    </td>
    <td id="colee_right2" valign="top">
    </td>
    </tr>
    </tbody>
    </table>
    </div>
    <script type="text/javascript">

    var speed=3//速度数值越大速度越慢
    var colee_right2=document.getElementById("colee_right2");
    var colee_right1=document.getElementById("colee_right1");
    var colee_right=document.getElementById("colee_right");
    colee_right2.innerHTML=colee_right1.innerHTML;

    function Marquee4(){
    /*向左滚动*/
    if(colee_right2.offsetWidth-colee_right.scrollLeft<=0){
    colee_right.scrollLeft-=colee_right2.offsetWidth ;
    }else{
    colee_right.scrollLeft++;
    }

    /*向右滚动*/
    /*if(colee_right.scrollLeft<=0){
    colee_right.scrollLeft+=colee_right2.offsetWidth ;

    }else{

    colee_right.scrollLeft--;
    }*/


    }
    var MyMar4=setInterval(Marquee4,speed);
    colee_right.onmouseover=function(){
    clearInterval(MyMar4);
    }
    colee_right.onmouseout=function(){
    MyMar4=setInterval(Marquee4,speed);
    }

    </script>
    </body>
    </html>

  • 相关阅读:
    (第三周)c#程序理解
    (第三周)使用visual studio 2015进行单元测试
    (第二周)软件工程第二周之四则运算
    (第二周)读《我是一只IT小小鸟》有感
    Jmeter--参数化的两种方法
    接口测试(1)
    自动化测试框架Cucumber和RobotFramework的对比
    selenium2+Python--学习进阶路线图
    Robot Framework--环境搭建(Mac)
    Selenium2+Python--python3.6 安装 xlrd 模块---Mac
  • 原文地址:https://www.cnblogs.com/xiaotaiyang/p/3850241.html
Copyright © 2011-2022 走看看