repeater怎么使用

问题描述

想弄一个滚动新闻栏，求repeater制作的详细步骤，包括数据库，数据库中表news的字段为NewsID、NewsTitle、NewsContent,只要求显示NewsTitle的滚动效果即可，然后希望点进去能链接到NewsContent,求步骤，和源代码

解决方案

解决方案二：
<divstyle="overflow:hidden;"id="marqueebox"><asp:RepeaterID="rpMarqueeSiteLink"runat="server"><ItemTemplate><divstyle="float:left;"><%#Eval("osaname")%>：</div><br/><divstyle="float:left;text-align:left;"><ahref="<%#Eval("osalinks")%>"target="_blank"><%#Eval("osalinks")%></a></div><br/></ItemTemplate></asp:Repeater></div><spanid="spError"runat="server"/><scripttype="text/javascript"><!--functionstartmarquee(lh,speed,delay){vart;varp=false;varo=document.getElementById("marqueebox");o.innerHTML+=o.innerHTML;o.onmouseover=function(){p=true}o.onmouseout=function(){p=false}o.scrollTop=0;functionstart(){t=setInterval(scrolling,speed);if(!p)o.scrollTop+=2;}functionscrolling(){if(o.scrollTop%lh!=0){o.scrollTop+=2;if(o.scrollTop>=o.scrollHeight/2)o.scrollTop=0;}else{clearInterval(t);setTimeout(start,delay);}}setTimeout(start,delay);}startmarquee(22,50,1000);/**startmarquee(一次滚动高度,速度,停留时间,图层标记);**///--></script>

参考
解决方案三：
效果出不来啊，Thankyouallthesanme
解决方案四：
引用2楼的回复:

效果出不来啊，Thankyouallthesanme

Repeater的用法网上多得是，至于滚动效果，可以借助JS或者Jquery实现
解决方案五：
<marquee>
解决方案六：
……连个div的事情...DIV+CSS实现数据滚动
解决方案七：
请教一下楼上，div+CSS代码怎么设计啊，我是新手，说详细点啦~~
解决方案八：
css文件怎么实现呢？急求指教引用5楼的回复:

……连个div的事情...DIV+CSS实现数据滚动

解决方案九：
第一一个样式的固定高度#dataDiv{OVERFLOW:auto;//滚动区域自动OVERFLOW-X:hidden;//隐藏横坐标滚动条OVERFLOW-Y:hidden;//隐藏纵坐标滚动条HEIGHT:600px;//区域高度WIDTH:600px//区域高度}

解决方案十：
<divid="contentDiv"><divid="titleDiv"><TABLEcellSpacing="0"cellPadding="0"border="1"><TRalign="center"><THwidth="40">序号</TH><THwidth="100">字段名</TH><THwidth="40">类型</TH><THwidth="90">显示区域</TH><THwidth="40">附件</TH><THwidth="60">简表字段</TH><THwidth="40">必填</TH><THwidth="40">排序</TH><THwidth="100">操作</TH></TR></TABLE></div><divid="dataDiv"><TABLEid="listcontent"cellSpacing="0"cellPadding="0"border="1"style="FLOAT:left;MARGIN:0px"><asp:repeaterid="repeaterData"Runat="server"><ItemTemplate><tr><tdstyle="width:40px;"class="btn"><asp:TextBoxID="txtSearch"Runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"sequence")%>'></asp:TextBox></td><tdstyle="width:100px;"><asp:LabelID="Lbl_Id"Runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"id")%>'Visible="False"></asp:Label><%#DataBinder.Eval(Container.DataItem,"name")%>&nbsp;</td><tdstyle="width:40px;"><asp:LabelID="Lbl_Type"Runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"fieldType")%>'></asp:Label><asp:HyperLinkID="link_manager"Runat=server>选项</asp:HyperLink>&nbsp;</td><tdstyle="width:90px;"><asp:LabelID="Lbl_Area"Runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"area")%>'></asp:Label>&nbsp;</td><tdalign="center"style="width:40px;"><asp:LabelID="Lbl_Exist"Runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"existArchive")%>'></asp:Label>&nbsp;</td><tdalign="center"style="width:60px;"><asp:LabelID="Lbl_Simple"Runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"isSimple")%>'></asp:Label>&nbsp;</td><tdalign="center"style="width:40px;"><asp:LabelID="Lbl_Required"Runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"required")%>'></asp:Label>&nbsp;</td><tdalign="center"style="width:40px;"><asp:LabelID="Lbl_Sequence"Runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"sequence")%>'Visible="False"></asp:Label><asp:LinkButtonID="btnUp"Runat="server"CommandName="up">▲</asp:LinkButton><asp:LinkButtonID="btnDown"Runat="server"CommandName="down">▼</asp:LinkButton>&nbsp;</td><tdstyle="width:100px;">&nbsp;<asp:LabelID="Lbl_URI"Runat="server"Visible="false"Text='<%#DataBinder.Eval(Container.DataItem,"fieldURI")%>'></asp:Label><asp:LabelID="Lbl_Flag"Runat="server"Visible="false"Text='<%#DataBinder.Eval(Container.DataItem,"flag")%>'></asp:Label><asp:LinkButtonID="update"Runat="server"Visible="false"CommandName="update">修改</asp:LinkButton><asp:LinkButtonID="statusUpdate"CommandName="statusUpdate"Runat="server"><asp:LabelID="Lbl_Status"Runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"status")%>'></asp:Label></asp:LinkButton><asp:LinkButtonID="delete"Runat="server"Visible="false"CommandName="delete">删除</asp:LinkButton>&nbsp;</td></tr></ItemTemplate></asp:repeater><asp:literalid="NonPanel"Runat="server"></asp:literal></TABLE></div></div>

解决方案十一：
建议找个“师傅”吧。
解决方案十二：
/*这里是滚动效果CSS*/#box{width:774px;height:20px;margin:19px0px0px6px;padding:0px;overflow:hidden;}#boxli{list-style:none;line-height:20px;color:#999;font-size:13px;}.newsContenta{display:block;color:#999;text-decoration:none;}.newsBox.newsContenta:hover{color:#23a3d7;}

//滚动支持的脚本<scriptlanguage="javascript"type="text/javascript">window.onload=function(){varo=document.getElementById('box');//容器、滚动对象window.setInterval(function(){scrollup(o,20,0);},3000);}/*滚动主方法=>参数:o滚动块对象,参数:d每次滚屏高度,参数:c当前已滚动高度*/functionscrollup(o,d,c){if(d==c){vart=getFirstChild(o.firstChild).cloneNode(true);o.removeChild(getFirstChild(o.firstChild));o.appendChild(t);t.style.marginTop="0px";}else{c+=2;getFirstChild(o.firstChild).style.marginTop=-c+"px";window.setTimeout(function(){scrollup(o,d,c)},20);}}functiongetFirstChild(node){while(node.nodeType!=1){node=node.nextSibling;}returnnode;}</script>

<divclass="newsBox"><h2>新闻动态</h2><divclass="newsContent"><ulid="box"><%--<li><ahref="#">滚动新闻1</a></li><li><ahref="#">滚动新闻1</a></li><li><ahref="#">滚动新闻1</a></li>--%><asp:RepeaterID="HotNews"runat="server"><ItemTemplate><li><%--<li><%=CreatCode.creatNews()%></li>--%><ahref="news_xi.aspx?view=<%#Eval("ID")%>"><%#web.Util.WbUI.CutString3(Eval("NewsTitles").ToString(),90)%>//我这里是截取多余字符调用方法(你可以去掉)<%#Eval("NewsTitles")#>//这是你需要的截取方法自己写</a></li></ItemTemplate></asp:Repeater></ul></div></div>

解决方案十三：
这个貌似只用aspx不行吧，还得要cs后台代码的引用9楼的回复:

HTMLcode<divid="contentDiv"><divid="titleDiv"><TABLEcellSpacing="0"cellPadding="0"border="1">……

解决方案十四：
看文档:
解决方案十五：
引用12楼的回复:

这个貌似只用aspx不行吧，还得要cs后台代码的引用9楼的回复:HTMLcode<divid="contentDiv"><divid="titleDiv"><TABLEcellSpacing="0"cellPadding="0"border="1">……

后台对repeater数据进行绑定就可以了
解决方案：
嗯，试了，第一个HTMLcode格式怪怪的，貌似没什么效果HTMLcode引用14楼的回复:

引用12楼的回复:这个貌似只用aspx不行吧，还得要cs后台代码的引用9楼的回复:<divid="contentDiv"><divid="titleDiv"><TABLEcellSpacing="0"cellPadding="0"border="1">后台对repeater数据进行绑定就可以了……

解决方案：
中间Eval（）函数那里语法不对，我已经用Marquee实现了，thankyouanyway~引用11楼的回复:

CSScode/*这里是滚动效果CSS*/#box{width:774px;height:20px;margin:19px0px0px6px;patdding:0px;overflow:hidden;}#boxli{list-style:none;line-height:20px;color:#999;font-size:13px;}.new……

解决方案：
和gridview一样，只是repeater需要手写代码.
解决方案：
引用16楼的回复:

中间Eval（）函数那里语法不对，我已经用Marquee实现了，thankyouanyway~引用11楼的回复:CSScode/*这里是滚动效果CSS*/#box{width:774px;height:20px;margin:19px0px0px6px;patdding:0px;overflow:hidden;}#boxli{list-style:……

那里不对？
解决方案：
引用18楼的回复:

引用16楼的回复:中间Eval（）函数那里语法不对，我已经用Marquee实现了，thankyouanyway~引用11楼的回复:CSScode/*这里是滚动效果CSS*/#box{width:774px;height:20px;margin:19px0px0px6px;patdding:0px;overflow:hidden;}#boxl……

<ahref="news_xi.aspx?view=<%#Eval("ID")%>">这里的双引号吧，小问题