JS实现的简单图片转动效果，重分悬赏。。。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <body>
<table width="740" border="0" cellspacing="0" cellpadding="0">
          <tr bgcolor="#FFFFFF">
            <td height="28" align="left" style="padding-left:15px; font-size:14; color:#000000; font-weight:bold; background-image:url(/images/boke4.jpg); background-repeat:no-repeat;">图片类表</td>
          </tr>
          <tr bgcolor="#FFFFFF">
            <td height="28" style="padding-top:0px;padding-bottom:0px; font-size:14; color:#000000; font-weight:bold;">
            <div id="mmque" style="overflow: hidden; width:740px;">
            <table cellspacing="0" cellpadding="0" border="0">
                       <tr>
                     <td id="dm1"> <table border="0" align="center" cellspacing="20" cellpadding="0">
                         <tr>
                  <td align="center" style="background: url(/UploadFiles/1217818101133.jpg) no-repeat center;" width="150"><a href="/showContentInfo.do?contentId=745"><img src="/UploadFiles/1217818101133.jpg" width="150" height="113" border="0" class="hphotott"></a></td>
                  <td align="center" style="background: url(/UploadFiles/1217818127191.jpg) no-repeat center;" width="150"><a href="/showContentInfo.do?contentId=740"><img src="/UploadFiles/1217818127191.jpg" width="150" height="113" border="0" class="hphotott"></a></td>
                  <td align="center" style="background: url(/UploadFiles/1217818158460.jpg) no-repeat center;" width="150"><a href="/showContentInfo.do?contentId=747"><img src="/UploadFiles/1217818158460.jpg" width="150" height="113" border="0" class="hphotott"></a></td>
                  <td align="center" style="background: url(/UploadFiles/1217818189391.jpg) no-repeat center;" width="150"><a href="/showContentInfo.do?contentId=749"><img src="/UploadFiles/1217818189391.jpg" width="150" height="113" border="0" class="hphotott"></a></td>
                </tr>
              </table></td>
            <td id="dm2"></td>
          </tr>
        </table>
            </div>
            </td>
          </tr>
        </table>
<script type="text/javascript">
var spd4 = 40 ;
var tdd1 = document.getElementById("dm1");
var tdd2 = document.getElementById("dm2");
var demo = document.getElementById("mmque");
tdd2.innerHTML=tdd1.innerHTML;
function Marquee(){
if(tdd2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=tdd1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,spd4)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,spd4)}
</script>
</body>
</html>       你自己在弄弄

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

参考这段
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
<p>
<h1>JS不间断循环滚动</h1><p>
  <TABLE
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
  <TBODY>
  <TR><td width="30"><a href="#" onClick="clickdiv()" id="aa">向左</a></td>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top><table width="1710" height="116"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="171" background="pic_bg.jpg"><div align="center">内容一</div></td>
              <td width="171" background="pic_bg.jpg"><div align="center">内容二</div></td>
              <td width="171" background="pic_bg.jpg"><div align="center">内容三</div></td>
              <td width="171" background="pic_bg.jpg"><div align="center">内容四</div></td>
              <td width="171" background="pic_bg.jpg"><div align="center">内容五</div></td>
              <td width="171" background="pic_bg.jpg"><div align="center">内容六</div></td>
              <td width="171" background="pic_bg.jpg"><div align="center">内容七</div></td>
              <td width="171" background="pic_bg.jpg"><div align="center">内容八</div></td>
              <td width="171" background="pic_bg.jpg"><div align="center">内容九</div></td>
              <td width="171" background="pic_bg.jpg"><div align="center">内容十</div></td>
            </tr>
          </table></TD>
          <TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>

    </TD><td width="30"><a href="#" onClick="Rclickdiv()" id="mcc">向右</a></td></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER><SCRIPT>
var speed3=25//速度数值越大速度越慢
var t=false; //判断是向左还是向右
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
else{
document.getElementById("demo").scrollLeft++
}
t=false;
}
function RMarquee(){
if(document.getElementById("demo").scrollLeft<=0)
  document.getElementById("demo").scrollLeft+=document.getElementById("demo2").offsetWidth
  else{
  document.getElementById("demo").scrollLeft--
  }
  t=true; }
function clickdiv(){
clearInterval(MyMar)
Marquee();
}
function Rclickdiv(){
clearInterval(MyMar)
RMarquee();
}
var MyMar=setInterval(Marquee,speed3)
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
document.getElementById("demo").onmouseout=function() {if(t){MyMar=setInterval(RMarquee,speed3)}else{MyMar=setInterval(Marquee,speed3)}}
document.getElementById('mcc').onmouseout=function(){MyMar=setInterval(RMarquee,speed3);}
document.getElementById('aa').onmouseout=function(){MyMar=setInterval(Marquee,speed3);}
</SCRIPT>
</BODY>
我告诉你原因吧
是由于宽度的问题！！仔细看一下我的：http://blog.csdn.net/chinmo/archive/2008/09/12/2915629.aspx
里面的宽度你能看明白那几个宽度的关系，你就知道为什么会有停滞情况了