Datalist 水平滚动

  <div id="picmove" style="overflow: hidden; width: 578px;" align="left">
                <table width="560" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td id="picmove1"  align="left" valign="top" >
                        
                         <asp:DataList ID="DataList1" runat="server" CellPadding="0" CellSpacing="0"
                            RepeatColumns="7" RepeatDirection="Vertical" OnItemDataBound="DataList1_ItemDataBound">
                            <ItemTemplate>
                                <table width="100" border="0" cellpadding="5" cellspacing="5">
                                    <tr>
                                   
                                        <td height="100" style="border: 0px #cccccc solid;">
                                     
                                           <asp:HyperLink Target="_blank" CssClass="a2" ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("Id", "~/xyfc2.aspx?id={0}") %>'  >
                                               <asp:Image ID="Image1" runat="server"  Width="100" Height="80" BorderStyle=solid BorderWidth="1px" BorderColor="#cccccc" ImageUrl='<%# "http://pic.soft.yayasou.com/"+Eval("Comid")+"/"+Eval("Pic") %>' />
                                           
                                            </asp:HyperLink>
                                       
                                            </td>
                                    </tr>
                                 
                                </table>
                            </ItemTemplate>
                        </asp:DataList>
                       
                        
                        </td>
                       <td id="picmove2">
                       <script>  
  var   speed=30  
  picmove2.innerHTML=picmove1.innerHTML  
  function   Marquee(){  
  if   (picmove2.offsetWidth-picmove.scrollLeft<=0)  
  picmove.scrollLeft-=picmove1.offsetWidth  
  else{  
  picmove.scrollLeft++  
  }  
  }  
  var   MyMar=setInterval(Marquee,speed)  
  picmove.οnmοuseοver=function()   {clearInterval(MyMar)}  
  picmove.οnmοuseοut=function()   {MyMar=setInterval(Marquee,speed)}  
  </script>
                       </td>
                    </tr>
                </table>
            </div>

 

当图片太少，不能满屏的时候可能静止也可能滚动1、2次后静止，图片多以后将没有问题。