滚动图片问题

<TR>
<TD align=middle>
<DIV id=demo2 style="OVERFLOW: hidden; HEIGHT: 225px; align: center">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD id=marquePic111 vAlign=top>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<TBODY>
<tr>
<TD height="126" align="center" valign="top">
<img src="image/index/student/X1.gif" width="157" height="116" /><br />
</TD>
</tr>
<tr>
<TD height="126" align="center" valign="top">
<img src="image/index/student/X2.gif" width="157" height="116" /><br />
</TD>
</tr>
<tr>
<TD height="126" align="center" valign="top">
<img src="image/index/student/X3.gif" width="157" height="116" /><br />
</TD>
</tr>
<tr>
<TD height="126" align="center" valign="top">
<img src="image/index/student/X4.gif" width="157" height="116" /><br />
</TD>
</tr>
</TBODY>
</table>
</TD>
<TD id=marquePic222 vAlign=top></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<SCRIPT type=text/javascript> 
var speed=30 
marquePic222.innerHTML=marquePic111.innerHTML 
function Marquee(){ 
if(demo2.scrollTop>=marquePic111.scrollHeight){ 
demo2.scrollTop=0 
}else{ 
demo2.scrollTop++ 
}} 
var MyMar=setInterval(Marquee,speed) 
demo2.onmouseover=function() {clearInterval(MyMar)} 
demo2.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</SCRIPT>
</TD>
</TR>我有四张图片，想向上滚动，现在一运行起来，这4张成竖行的变成了8张2行。而且只滚动一次就不走了，希望高手能帮助解决。在这里先谢谢了。

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <div id=demo2 style=overflow:hidden;height:150;width:182;background:#FFFFFF;color:#ffffff>
      <div id=marquePic111>
      <img src="image/index/student/X1.gif" width="157" height="116" /><br />
      <img src="image/index/student/X2.gif" width="157" height="116" /><br />
      <img src="image/index/student/X3.gif" width="157" height="116" /><br />
      <img src="image/index/student/X4.gif" width="157" height="116" /><br />
      </div>
      <div id=marquePic222></div>
    </div><script>
    var speed=30;
    marquePic222.innerHTML=marquePic111.innerHTML;
    function Marquee(){
      if(marquePic222.offsetTop-demo2.scrollTop<=0)
        demo2.scrollTop-=marquePic111.offsetHeight;
      else{
        demo2.scrollTop++;
      }
    }var MyMar=setInterval(Marquee,speed);
    demo2.onmouseover=function() {clearInterval(MyMar)}
    demo2.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    </script>
    </BODY>
    </HTML>