菜鸟求助！【JS实现图片左右滚动效果】 代码都是什么意思呀？

Question

页面：  <TABLE style="BORDER: #ccc 1px solid;" cellSpacing=0 cellPadding=0 width=750 align=center border=0>
  <TBODY>
  <TR>
    <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="images/pic_bg.jpg"><div align="center">1</div></td>
              <td width="171" background="images/pic_bg.jpg"><div align="center">
                <p>2</p>
                </div></td>
              <td width="171" background="images/pic_bg.jpg"><div align="center">3</div></td>
              <td width="171" background="images/pic_bg.jpg"><div align="center">4</div></td>
              <td width="171" background="images/pic_bg.jpg"><div align="center">5</div></td>
              <td width="171" background="images/pic_bg.jpg"><div align="center">6</div></td>
              <td width="171" background="images/pic_bg.jpg"><div align="center">7</div></td>
              <td width="171" background="images/pic_bg.jpg"><div align="center">8</div></td>
              <td width="171" background="images/pic_bg.jpg"><div align="center">9</div></td>
              <td width="171" background="images/pic_bg.jpg"><div align="center">10</div></td>
            </tr>
          </table></TD>
          <TD id=demo2 vAlign=top>&nbsp;</TD>
          </TR>
          </TBODY>
       </TABLE>
       </DIV>
<script language=JavaScript src="js/scrollpic.js"></script>
    </TD></TR></TBODY></TABLE></TD></TR></TABLE>JS代码：var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}这些JS代码都是什么意思？谁帮我解释一下。

Answer 1

var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML//把预览图片复制一份
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)//如果已滚动的距离大于等于复本的宽度了，也就是说滚动了所要滚动图片的全部
demo.scrollLeft-=demo1.offsetWidth//那就重新开始，把滚动的距离清零
else{
demo.scrollLeft++//不然的话就滚动
}
}
var MyMar=setInterval(Marquee,speed3)//每25毫秒执行一次函数
demo.onmouseover=function() {clearInterval(MyMar)}//如果鼠标移到图片上，停止滚动
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}//如果移开，继续滚动              -----|-----
       -----|-----
            -----|-----
              -----|-----
       -----|-----
            -----|-----
              -----|-----
       -----|-----
            -----|-----因为有两个一模一模的预览，所以根本看不出来的