如何实现repeater的走马灯效果

< form        id =   "Form3   "        method =   "post   "        runat =   "server   " >  
< FONT        face =   "宋体   " >     </ FONT >  
< TABLE        id =   "Table1   "        style =   "WIDTH:       800px;       HEIGHT:       136px   "        cellSpacing =   "0   "        cellPadding =   "0   "  
border =   "0   " >  
< TR >  
< TD >  
< div        id =   "demo   "        style =   "OVERFLOW:       hidden;       WIDTH:       1000px;       HEIGHT:       125px   "        align =   "center   "  
DESIGNTIMEDRAGDROP =   "134   " >  
< TABLE        style =   "WIDTH:       725px;       HEIGHT:       96px   " >  
< TR >  
< TD        id =   "demo1   "        vAlign =   "middle   " >     < asp:datalist        id =   "DataList1   "        runat =   "server   "        Width =   "712px   "        RepeatDirection =   "Horizontal   " >  
< ItemTemplate >  
< FONT        face =   "宋体   " >  
< TABLE        id =   "Table2   "        style =   "WIDTH:       102px;       HEIGHT:       100px   "        cellSpacing =   "0   "        cellPadding =   "0   "  
width =   "102   "        border =   "0   " >  
< TR >  
< TD >     < IMG        style =   "WIDTH:       98px;       HEIGHT:       95px   "        height =95        alt =产品照片        src =   '    <%#       DataBinder.Eval(Container.DataItem,   "Pimg   ",   "upimg/{0}   ")% >    '       width=98       border=0>    </ TD >  
</ TR >  
< TR >  
< TD        align =   "center   " >     < A        href =   'Productinfo.aspx?Pid=    <%#DataBinder.Eval(Container.DataItem,   "id   ")% >    '       target=_blank>    <% ... #       DataBinder.Eval(Container.DataItem,   "Pname   ") %>     </ A >     </ TD >  
</ TR >  
</ TABLE >  
</ FONT >  
</ ItemTemplate >  
< AlternatingItemTemplate >  
< TABLE        id =   "Table4   "        style =   "WIDTH:       102px;       HEIGHT:       117px   "        cellSpacing =   "0   "        cellPadding =   "0   "  
width =   "102   "        border =   "0   " >  
< TR >  
< TD >     < IMG        style =   "WIDTH:       98px;       HEIGHT:       95px   "        height =95        alt =产品照片        src =   '    <%#       DataBinder.Eval(Container.DataItem,   "Pimg   ",   "upimg/{0}   ")% >    '       width=98       border=0>    </ TD >  
</ TR >  
< TR >  
< TD        align =   "center   " >     < A        href =   'Productinfo.aspx?Pid=    <%#DataBinder.Eval(Container.DataItem,   "id   ")% >    '       target=_blank>    <% ... #       DataBinder.Eval(Container.DataItem,   "Pname   ") %>     </ A >     </ TD >  
</ TR >  
</ TABLE >  
</ AlternatingItemTemplate >  
</ asp:datalist >     </ TD >  
< TD        id =   "demo2   "        vAlign =   "top   " >     < FONT        face =   "宋体   " >     </ FONT >     </ TD >  
</ TR >  
</ TABLE >  
</ div >  
</ TD >  
</ TR >  
</ TABLE >  
< script > ...  
var       Picspeed=30 
demo2.innerHTML=demo1.innerHTML 
function       Marquee1()...{ 
if(demo2.offsetWidth-demo.scrollLeft   <=0) 
demo.scrollLeft-=demo1.offsetWidth 
else...{ 
demo.scrollLeft++ 
} 
} 
var       MyMar1=setInterval(Marquee1,Picspeed) 
demo.onmouseover=function()       ...{clearInterval(MyMar1)} 
demo.onmouseout=function()       ...{MyMar1=setInterval(Marquee1,Picspeed)} 
</ script >  
</ form >    

<% ... @   Control   Language= "C# "   AutoEventWireup= "true "   CodeFile= "News.ascx.cs "   Inherits= "UserAscx_News "    %>  
<% ... @   Register   Assembly= "AjaxControlToolkit "   Namespace= "AjaxControlToolkit "   TagPrefix= "cc1 "    %>  
< table    border = "0 "    cellpadding = "3 "    cellspacing = "0 " >  
         < tr >  
                 < td    valign = "top " >  
                         < asp:Image    ID = "imgNews "    runat = "server "    Height = "120px "    Width = "160px "     />   &nbsp;  
                         < cc1:SlideShowExtender    ID = "SlideShowExtender1 "    runat = "server "    TargetControlID = "imgNews "  
                                AutoPlay = "true "    Enabled = "true "    Loop = "true "    SlideShowServicePath = "NewPictures.asmx "  
                                SlideShowServiceMethod = "GetSlides " >  
                         </ cc1:SlideShowExtender >  
                 </ td >  
                 < td    valign = "top " >  
                         < asp:DataList    ID = "dlNews "    runat = "server "    OnItemDataBound = "dlNews_ItemDataBound " >  
                                 < ItemTemplate >  
                                         < asp:HyperLink    ID = "hlNews "    runat = "server "    Target = "_blank " >   </ asp:HyperLink >  
                                 </ ItemTemplate >  
                                 < AlternatingItemStyle    CssClass = "tr2 "    Font-Size = "12px "    HorizontalAlign = "Left "     />  
                                 < ItemStyle    CssClass = "tr1 "    Font-Size = "12px "    HorizontalAlign = "Left "     />  
                         </ asp:DataList >  
                         < asp:HyperLink    ID = "hlMore "    runat = "server "    Font-Size = "12px "    Target = "_blank " >  更多新闻...  </ asp:HyperLink >   </ td >  
         </ tr >  
         < tr >  
                 < td    colspan = "2 "    valign = "top " >  
                         < asp:Panel    runat = "server "    ID = "plScroll "    BackColor = "white " >  
                                 < marquee    direction = "left "    id = "mq "    name = "mq "    scrollamount = "5 "    behavior = "scroll "    scrolldelay = '100  ' >   < asp:Repeater    id = "rpNews "    runat = "server "    OnItemDataBound = "rpNews_ItemDataBound " >  
                                 < ItemTemplate >  
                                         < nowrap >  
                                         < asp:HyperLink    ID = "hlView "    runat = "server "    Target = "_blank "    Font-Size = "12px " >  [hlView]  </ asp:HyperLink >  
                                         &nbsp;  
                                         </ nowrap >  
                                 </ ItemTemplate >  
                         </ asp:Repeater >   </ marquee >  
                         </ asp:Panel >  
                 </ td >  
         </ tr >  
</ table >  

两种,任选其一