图片滚动，但是鼠标放上去的时候不停止了
<div id="demo" style=" height:215px; width:740px;"> <div id="indemo" style=" height:215px;width:740px;"> <div id="demo1" style="background-image:url(Images/bgFilm.gif); height:215px; writing-mode:tb-rl;text-align: center;"> <asp:Repeater ID="Repeater4" runat="server"> <ItemTemplate> <table > <tr> <td> <a href="product_more.aspx?ID=<%#DataBinder.Eval (Container.DataItem,"id")%>"><img src="Admin/upload/<%#DataBinder.Eval(Container.DataItem,"img")%>" width="118px" height="140px" name="img1" alt=""></a></td> </tr> <tr> <td align="center" style="color: #666633; background-image:url(Images/bgRollSpan.gif)"><a href="product_more.aspx?ID=<%#DataBinder.Eval (Container.DataItem,"id")%>"><%#DataBinder.Eval(Container.DataItem,"title")%></a></td> </tr> </table> </ItemTemplate> </asp:Repeater> </div> <div id="demo2"></div> </div> </div>
<script language="javascript" type="text/javascript"><!--var speed=15; //数字越大速度越慢var tab=document.getElementById("demo");var tab1=document.getElementById("demo1");var tab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;function Marquee(){if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidthelse{tab.scrollLeft++;}}var MyMar=setInterval(Marquee,speed);tab.onmouseover=function() {clearInterval(MyMar);}tab.onmouseout=function() {MyMar=setInterval(Marquee,speed);}--></script> 图片滚动正常，但是鼠标放上去不停止，哪位大侠能帮忙解决下啊？