asp.net c# 动态读取 走马灯代码

走马灯图片地址是从数据库中取出的，用StringBuilder写html的静态img控件，代码如下：

前台html及js脚本：

<div>
<tableborder="0"cellpadding="0"cellspacing="0">
<tr>
<tdbgcolor="#CC66FF"
style="WIDTH:990px;HEIGHT:5px;BACKGROUND-COLOR:#ffffff;text-align:center;">
</td>
</tr>
<tr>
<tdstyle="BORDER-RIGHT:#cccc991pxsolid;BORDER-TOP:#cccc991pxsolid;BORDER-LEFT:#cccc991pxsolid;WIDTH:990px;BORDER-BOTTOM:#cccc991pxsolid">
<tableborder="0"cellpadding="0"cellspacing="0">
<tr>
<tdstyle="WIDTH:990px;BACKGROUND-COLOR:#ffffff">
<divstyle="WIDTH:990px;HEIGHT:139px">
<divid="demo"
style="PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;OVERFLOW:hidden;WIDTH:100%;COLOR:#ffffff;PADDING-TOP:0px">
<tablealign="left"border="0"cellpadding="0"cellspace="0"cellspacing="0"
style="WIDTH:900px;HEIGHT:139px">
<tr>
<tdid="demo1"valign="top">
<tableborder="0"cellpadding="0"cellspacing="0"width="2000">
<tr><asp:LabelID="Label1"runat="server"Text="Label"></asp:Label>
</tr>

</table>
</td>
<tdid="demo2"valign="top">
</td>
</tr>
</table>
</div>
<SCRIPT__designer:dtid="3377854339350821">
varspeed3=1//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
functionMarquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
varMyMar=setInterval(Marquee,speed3)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<tdstyle="WIDTH:100px;HEIGHT:5px">
</td>
</tr>
</table>
</div>

cs页的代码：

dal_Collectiondc=newdal_Collection();
Label1.Text=dc.GetIndexZouMaDeng();

dal_Collection.GetIndexZouMaDeng()的代码：

usingSystem.Text;

publicstringGetIndexZouMaDeng()
{

StringBuilderres=newStringBuilder();
DataTabledt0=GetNewsPageDB("selecttop10CN_Id,CN_Title,CN_Intro,CN_Url,CN_Uid,CN_TimesfromCollectionorderbyCN_Timesdesc");
if(dt0.Rows.Count==0)
{
res.Append("暂无相关数据！");
}
else
{
for(inti=0;i<dt0.Rows.Count;i++)//参见【注释1】
{
res.Append("<tdalign=\"center\"height=\"139\"width=\"184\"><imgheight=\"135\"src=\""+dt0.Rows[i][3].ToString().Substring(2)+"\"width=\"180\"/></td>");

}
if(dt0.Rows.Count<=6)
{
res.Append(res.ToString());
}
}

returnres.ToString();
}

【注释1】：因为走马灯的范围是990*139，每幅图片是180*135，因此在这个范围内不超过10张图片效果是最好的，如果小于6张图片，每张图片的间隔又太大，所以实际效果需要自己调整