循环自动滚动代码

来源:互联网 发布:国际黄金价格数据 编辑:程序博客网 时间:2024/06/05 04:52

 <script>
   var speed=10//速度数值越大速度越慢
   demo2.innerHTML=demo1.innerHTML
   function Marquee(){
    if(demo2.offsetWidth-demo.scrollLeft<=0)
    demo.scrollLeft-=demo1.offsetWidth
    else{
   demo.scrollLeft++
    }
   }
   var MyMar=setInterval(Marquee,speed)
   demo.onmouseover=function() {clearInterval(MyMar)}
   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
   </script>

 


<div id=demo style="overflow:hidden;height:140px;width:700px;margin-top:12px;">
<table width= cellspacing=0>
<tr>
<td id=demo1>
 <table cellspacing=0>
  <tr>
  <!--滚动图片 begin-->
   <td></td>  <!--滚动图片 end-->
   </tr>
   </table>

  </td>
  <td id=demo2></td>
  </tr>
  </table>  
 </div> 

原创粉丝点击