图片循环滚动

  <table>
        <tr>
            <td width="20%;">
                ggfd
            </td>
            <td>
                <div id="demo" style="overflow: hidden; border: solid 1px #C0C0C0; width: 100%; color: #ffffff;
                    height: 100px; margin-bottom: 5px;">
                    <table cellspacing="0" cellpadding="0" align="center" border="0">
                        <tbody>
                            <tr>
                                <td id="demo1">
                                    <asp:DataList ID="dlProList" runat="server" RepeatColumns="10">
                                        <ItemTemplate>
                                            <table>
                                                <tr>
                                                    <td>
                                                        <a href="ShowProduct-<%# Eval("id") %>.html">
                                                            <img id="productimg" alt='<%#Eval("name")%>>' height="120px" src='UploadFiles/<%# Eval("picurl") %>'
                                                                style="border: 1px solid #C6C6C6" width="120px" /></a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </ItemTemplate>
                                    </asp:DataList>
                                </td>
                                <td id="demo2" valign="top">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
        </tr>
    </table>
    <script language="javascript" type="text/javascript">        var speed=100
        demo2.innerHTML=demo1.innerHTML
        function Marquee(){
        if(demo2.offsetWidth -demo.scrollLeft<=0)
        demo.scrollLeft-=demo1.offsetWidth 
        else{
        demo.scrollLeft++
        }
        }
        var MyMar=setInterval(Marquee,speed)
        demo.onmouseover=function() {clearInterval(MyMar)}
        demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}    </script>