DataList里图片滚动
<asp:DataList ID="DataList1" runat="server" RepeatColumns="2" Style="position: relative">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" style="left: 0px; position: relative;
top: 0px" width="193">
<tr>
<td align="center" height="172" nowrap="nowrap" valign="middle">
<img src="../<%#DataBinder.Eval(Container.DataItem,"ChunkTitle") %>" border="0" onload="resizeimg(this,187,169)"> </td>
</tr>
<tr>
<td align="center" height="18" nowrap="nowrap" valign="middle">
<%#Eval("ChunkName") %> </td>
</tr>
<tr>
<td align="center" height="18" valign="middle">
<%#Eval("ChunkAddress") %></td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
我要案让里面绑定的图片和文字滚动要怎么做
[解决办法]
<marquee onmouseover=this.stop() onmouseout=this.start() behavior=alternate><asp:DataList ID="DataList1" runat="server" RepeatColumns="2" Style="position: relative">
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" style="left: 0px; position: relative;
top: 0px" width="193">
<tr>
<td align="center" height="172" nowrap="nowrap" valign="middle">
<img src="../ <%#DataBinder.Eval(Container.DataItem,"ChunkTitle") %> " border="0" onload="resizeimg(this,187,169)"> </td>
</tr>
<tr>
<td align="center" height="18" nowrap="nowrap" valign="middle">
<%#Eval("ChunkName") %> </td>
</tr>
<tr>
<td align="center" height="18" valign="middle">
<%#Eval("ChunkAddress") %> </td>
</tr>
</table>
</ItemTemplate>
</asp:DataList> </marquee>
[解决办法]
我的方法，先取得数据的项数，判断是否要滚动显示．道理和楼上的说的一样．
- HTML code
<div id="demo" style="overflow: hidden; width: 230px; height: 580px" class="web_border"> <div id="demo1"> <asp:DataList ID="dlInfoList" runat="server" DataKeyField="up_id" RepeatColumns="1" DataSourceID="odsInfoList" RepeatDirection="Horizontal" Width="230px" Font-Size="12px" OnPreRender="dlInfoList_PreRender"><!--这个控件显示数据--> </div> <div id="demo2"> </div> <div id="demo3"> </div></div><script type="text/javascript" language="javascript"> var speed=30 //取得记录项数 var count=<%=this.dlInfoList.Items.Count %> demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2 function Marquee() { if(count >= 5) { if(demo2.offsetTop-demo.scrollTop<=0) //当滚动至demo1与demo2交界时 { demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端 } else { demo.scrollTop++ } } else { demo2.innerHTML=demo3.innerHTML } } var MyMar=setInterval(Marquee,speed) //设置定时器 demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器 </script>