Js 图片滚动的实现方法

发布时间:2020-02-26编辑:脚本学堂
本例主要是通过简单的js代码实现图片轮番滚动的效果,代码简易,有需要的童鞋参考下:
分享一段js代码,实现图片滚动。 如下:
<!--图片滚动代码开始-->
<div id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 510px; COLOR: #ffffff; HEIGHT: 110px">
<table cellPadding=0 align=center border=0 cellspace="0">
<tr>
  <td id=demo1 vAlign=top>
  <!--您的图片或者要滚动的内容-->
  </td>
  <td id=demo2 vAlign=top>
  </td>
</tr>
</table>
<SCRIPT>
             var speed=30
             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>
<!--图片滚动代码结束-->