我感觉孟老大原来的意思是两个td中的内容和长度必须完全一致,这样,当滚动到一半的时候又从新滚动,但是由于两个TD中的内容相同,给用户一个错觉,图片在滚动,但是其实图片已经换了,改了下程序,你看看
<div style="width:604px;height:90px;overflow:hidden" onMouseOver="stop()" onMouseOut="start()" align="left"> 
<table cellspacing=0 cellpadding=0  border=0   id="scrollimg">
                              <tr valign="middle" align="center">
                                <td  align="left" width="900"  valign=top ><a href=""><img   src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
                                <td  align="left" width="900"  valign=top ><a href=""><img   src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
                              </tr>
                            </table>
</div><SCRIPT LANGUAGE="JavaScript">
var tm=null
function newsScroll() {
var scrollimg=document.getElementById("scrollimg")if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
scrollimg.parentNode.scrollLeft++;
else
scrollimg.parentNode.scrollLeft=0
}
window.onload=function() {
tm=setInterval('newsScroll()',20) 
}
function stop()
{
clearInterval(tm)
}function start()
{
tm=setInterval('newsScroll()',20) 
}
</SCRIPT>

解决方案 »

  1.   

    那您看我这个是动态生成的内容,是生成多个td,数量不确定的,这种方式能实现吗?还有就是常用的类似js循环的原理有哪几种?
      

  2.   

    还有如果用两个td的话,那么两个td都移动完毕了,是不是就又停止了,能不能总在动呢
      

  3.   

    不会停止的,因为第一个TD动完了,第二个TD在动的时候会变成第一个TD,由于两个一致,看不出来的。所以这个时候又是第一个,再循环,第二个还是会变成第一个。你只要把你要循环的东西放到table id为scrollimg下的TD内,两个TD内各放一个
    你要循环的内容假如一个TD放不下,可以把你要循环的内容放到一个TABLE中,在把这个TABLE分别放到上面代码的两个TD内就可以了
    <table cellspacing=0 cellpadding=0  border=0   id="scrollimg">
                                  <tr valign="middle" align="center">
                                    <td  align="left" width="900"  valign=top ><a href=""><img   src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
                                    <td  align="left" width="900"  valign=top ><a href=""><img   src="http://zi.csdn.net/beijing-nightclass300x602.24.png" width="900" height="90" border="0"></a> </td>
                                  </tr>
                                </table>