zhzhqiu

图片连续滚动(连接数据库repeat控件)

<div id='demo' style='overflow:hidden;width:510px;height:60px;'>
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
     <td id="demo1">
     <table cellpadding="0" cellspacing="0" border="0">
     <tr>
     <asp:Repeater ID="rpt_List" runat="server">
     <ItemTemplate>
     <td style='padding:0px 10px 0px 10px;'><a href='http://www.simply.ws' target='_blank'><img src='<%#Eval("Images") %>' alt="<%#Eval("Name") %>" height="60" border='0' /></td>
     </ItemTemplate>
     </asp:Repeater>
     </tr>
     </table>
     </td>
   <td id="demo2"></td>
     </tr>
     </table>
    </div>
 <script language='javascript'>
  var speed = 10;
  demo2.innerHTML=demo1.innerHTML
  function Marquee(){
   if ( demo.scrollLeft >= demo2.offsetWidth )
    demo.scrollLeft -= demo2.offsetWidth;
   else{
    demo.scrollLeft++;
   }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}


  </script>

 

 

后台cs代码:

    private void databind()
    {
        OleDbConnection conn = new OleDbConnection(ConfigurationManager.ConnectionStrings["SQLServerDAL"].ConnectionString);
        conn.Open();
        OleDbDataAdapter adp = new OleDbDataAdapter("select * from T_Sponsors order by DateTime1 DESC", conn);
        DataSet dataset = new DataSet();
        adp.Fill(dataset, "information");
        conn.Close();
        this.rpt_List.DataSource = dataset;
        rpt_List.DataBind();
    }

posted on 2009-02-16 15:24  网乐者  阅读(288)  评论(0)    收藏  举报

导航