这段代码为什么不能使图片循环滚动,总是滚动到一半就停止了
<script type="text/javascript"> //more javascript from http://www.smallrain.netdocument.write('<table align=center width=774 border=0 cellpadding=0 cellspacing=0 style=BORDER-LEFT: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid>'); document.write(' <tr> '); document.write(' <td width=774 height=120 align=center class=border01 bgcolor=#FFFFFF>'); document.write(' <div id=demo style=overflow:hidden;width:750px;align=center>'); document.write(' <table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >'); document.write(' <tr>'); document.write(' <td valign=top bgcolor=ffffff id=marquePic1> '); document.write(' <table width=90% border=0 cellspacing=0 cellpadding=0>'); document.write(' <tr align=center> '); document.write(' <td><a href="#" target="new"><img src=images/1.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' <td><a href="#" target="new"><img src=images/2.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' <td><a href="#" target="new"><img src=images/3.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' <td><a href="#" target="new"><img src=images/4.jpg width=148 height=196 hspace=2 border=0></a></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </td>'); document.write(' <td id=marquePic2 valign=top></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </div>'); document.write(' </td>'); document.write(' </tr>'); document.write(' </table>'); var speed=10  //值越大滚动越慢
var marquePic1 = document.getElementById("marquePic1");
var marquePic2 = document.getElementById("marquePic2");
var demo = document.getElementById("demo");marquePic2.innerHTML=marquePic1.innerHTML function Marquee(){ if(marquePic2.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=marquePic1.offsetWidth
}else

demo.scrollLeft++ 

} var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> 

解决方案 »

  1.   

    俺上个帖子回答的就是停得问题改下宽度试试还停不?
    <div id=demo style=overflow:hidden;width:550px;align=center>或者把
    <td valign=top bgcolor=ffffff id=marquePic1>
    加上个比750大的宽度
      

  2.   

    楼上的可以解决,现在有很多很好的这种插件,效果也很好,可以试一下,给你个链接:http://www.woiweb.net/21-jquery-slider-plugins.html
      

  3.   

    因为我是网上拷的代码,所以也不是很懂,请问一楼的如何给marquePic1加宽度,多谢指点
      

  4.   

    弱弱请求一楼高手一下,能否帮我把这段代码写个注释啊?多谢多谢marquePic2.innerHTML=marquePic1.innerHTML function Marquee(){ if(marquePic2.offsetWidth-demo.scrollLeft<=0)

    demo.scrollLeft-=marquePic1.offsetWidth
    }else

    demo.scrollLeft++ 

    } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}