Question

有没有人能告诉我这段无间隙向左滚动的代码JavaScript部分的代码解释。

<div id="marquee_demo" style="overflow:hidden;width:100%;text-align:center;border:1px solid #0066cc">
<table cellspacing="0" cellpadding="3" align="center" border="0">
<tr>
<td id="marquee_product1" valign="top">
<table width="100%" height="100" border="0" cellpadding="2" cellspacing="0">
<tr>
<td><img src="../../../Documents/测试/1.jpg"/></td>
<td><img src="../../../Documents/测试/2.jpg"/></td>
<td><img src="../../../Documents/测试/3.jpg"/></td>
</tr>
</table>
</td>
<td id="marquee_product2" valign="top"></td>
</tr>
</table>
</div>
---------------------------------------------------------
<script type="text/javascript">
var speed=30;
marquee_product2.innerHTML=marquee_product1.innerHTML;
function Marquee(){
if(marquee_demo.scrollLeft>=marquee_product1.scrollWidth){
marquee_demo.scrollLeft=0;
}
else{
marquee_demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
marquee_demo.onmouseover=function(){clearInterval(MyMar);}
marquee_demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);}
</script>
就是下面的代码每一步的解释 由于小弟不才。自己在学。请大神稍微都解释一下。让我看的懂这些代码的各个意思。

Answer 1

下面的注释
1、声明一个变量
2、把marquee_product1的内容赋值给marquee_product2
3、是一个函数，(marquee_demo.scrollLeft>=marquee_product1.scrollWidth）的意思是页面利用滚动条滚动到右侧时，隐藏在滚动条左侧的页面的宽度大于等于滚动条宽度时，
marquee_demo.scrollLeft=0;（回到初始位置）
否则的话，向右移动一个像素
4、每隔30毫秒执行一次Marquee函数
5、鼠标移上去时，停止执行Marquee函数
6.鼠标移开时，开始执行Marquee函数