。net 环境下实现图片无刷新滚动

最新推荐文章于 2021-05-26 04:32:05 发布

原创最新推荐文章于 2021-05-26 04:32:05 发布 · 832 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#border #table #function #url #server #asp

本文介绍了一个使用ASP.NET实现的水平滚动图片展示组件，该组件通过DataList控件结合JavaScript实现了图片及其链接的自动滚动效果。

<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">

<TR>

<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,"img_url","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,"img_url")%> </A> </TD>

</TR>

</TABLE>

</FONT>

</ItemTemplate>

<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,"img_url","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,"img_url")%> </A> </TD>

</TR>

</TABLE>

</AlternatingItemTemplate>

</asp:datalist> </TD>