js图片从左到右滚动循环

来源：互联网发布：网络语言wtf是什么意思编辑：程序博客网时间：2024/05/20 05:29

已测试过，正常的！
          <div id=demo style="overflow:hidden;width:1200px;height:350px" align=center>
                    <table border=0 align=center cellpadding=0 cellspacing=0 cellspace=0 >
                       <tr>
                         <td valign=top id=marquePic1>
                            <table cellspacing="15" cellpadding="0">
                                <tr>
                                   <td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
                                   <td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
                                   <td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
                                   <td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
                                   <td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
                                </tr>
                            </table>
                        </td>
                        <td id=marquePic2 valign=top></td>
                     </tr>
                  </table>
              </div>
              <SCRIPT type=text/javascript>
                  var speed=20
                 marquePic2.innerHTML=marquePic1.innerHTML
                 function Marquee(){
                   if(demo.scrollLeft>=marquePic1.scrollWidth){
                      demo.scrollLeft=0
                   }else{
                      demo.scrollLeft++
                   }
                 }
                 var MyMar=setInterval(Marquee,speed)
                 demo.onmouseover=function() {clearInterval(MyMar)}
                 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

</SCRIPT>

如需转载，请注明来源：【魅网工作室】
(责任编辑：魅网工作室)

1 0