图片连续滚动(连接数据库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();
}
浙公网安备 33010602011771号