CSS使图片向左滚动的新代码

  • 来源: 阿里西西   2016-04-21/10:10
  • 其中的-3是为了弥补IE下抖一下的问题

    在火狐下是-7

    <style type="text/css">

    <!--

    #demo {

    overflow:hidden;

    border: 1px dashed #CCC;

    width: 400px;

    height:100px;

    }

    #indemo {

    float: left;

    width:5000%;

    }

    -->

    </style>

    <div id="demo">

    <div id="indemo">

    <span id="demo1">

    <img src=""  /><img src=""  /><img src=""  /><img src=""  /><img src=""  /><img src=""  /></span>

    <span id="demo2"></span>

    </div>

    </div>

    <script>

    <!--

    var speed=10;

    demo2.innerHTML=demo1.innerHTML;

    function Marquee(){

    if(demo2.offsetWidth-demo.scrollLeft == -3)

    demo.scrollLeft = 0;

    else{

    demo.scrollLeft++;

    }

    }

    var MyMar=setInterval(Marquee,speed);

    demo.onmouseover=function() {clearInterval(MyMar)};

    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};

    -->

    </script>  


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多