图片横向滚动js

 <div class="center_title_bar">核心业务</div>
        <!--图片滚动-->
       <span style="width:575px; float:left; margin-left:10px; margin-top:10px;">
<div id="scroll_div21" style="overflow: hidden; WIDTH:576px;">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td id="scroll_begin31"> 
 <ul style="margin:0px;margin-top:3px; padding:0px;width:1152px; overflow:hidden; text-align:center;">
                     <asp:Repeater ID="core" runat="server">
                       <ItemTemplate>
                           <li style=" float:left; width:192px;" class="temp"><a href="cn/Product_more.aspx?id=<%# DataBinder.Eval(Container.DataItem, "P_ID")%>"><img src='<%#DataBinder.Eval(Container.DataItem,"P_Picture")%>'  width='170' height='100' style="border:0px;"/>
<br/><%#DataBinder.Eval(Container.DataItem,"P_Name")%>
         </a></li>
                       </ItemTemplate>
                   </asp:Repeater>
 </ul>
 </td>

 

123

 <div style="float:left; font-size:1px; line-height:1px; ">
    <td id="scroll_end11"></td>
 </div>
  </tr>
</table>
</div>

</span>
<script>
var speed21=1
var scroll_end11 = document.getElementById("scroll_end11");
var scroll_div21 = document.getElementById("scroll_div21");
scroll_end11.innerHTML=scroll_begin31.innerHTML
function Marquee21(){
if(scroll_end11.offsetWidth-scroll_div21.scrollLeft<=0)
scroll_div21.scrollLeft-=scroll_begin31.offsetWidth
else{
scroll_div21.scrollLeft++
}
}
var MyMar21=setInterval(Marquee21,speed21)
scroll_div21.onmouseover=function() {clearInterval(MyMar21)}
scroll_div21.onmouseout=function() {MyMar21=setInterval(Marquee21,speed21)}
</script> 
        <!--图片滚动-->       
  
     </div>