repeater怎么使用
想弄一个滚动新闻栏,求repeater制作的详细步骤,包括数据库,数据库中表news的字段为NewsID、NewsTitle、NewsContent,只要求显示NewsTitle的滚动效果即可,然后希望点进去能链接到NewsContent,求步骤,和源代码 --------------------编程问答--------------------<div style="overflow:hidden;" id="marqueebox" >
<asp:Repeater ID="rpMarqueeSiteLink" runat="server">
<ItemTemplate>
<div style="float:left; "><%#Eval("osaname")%>:</div><br />
<div style="float:left; text-align:left; ">
<a href="<%#Eval("osalinks")%>" target="_blank"><%#Eval("osalinks")%></a></div> <br />
</ItemTemplate>
</asp:Repeater>
</div>
<span id="spError" runat="server" />
<script type="text/javascript">
<!--
function startmarquee(lh, speed, delay) {
var t;
var p = false;
var o = document.getElementById("marqueebox");
o.innerHTML += o.innerHTML;
o.onmouseover = function() { p = true }
o.onmouseout = function() { p = false }
o.scrollTop = 0;
function start() {
t = setInterval(scrolling, speed);
if (!p) o.scrollTop += 2;
}
function scrolling() {
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>
参考 --------------------编程问答-------------------- 效果出不来啊,Thank you all the sanme --------------------编程问答--------------------
Repeater的用法网上多得是,至于滚动效果,可以借助JS或者Jquery实现 --------------------编程问答-------------------- <marquee> --------------------编程问答-------------------- …… 连个 div 的事情...
DIV+CSS 实现数据滚动 --------------------编程问答-------------------- 请教一下楼上,div+CSS代码怎么设计啊,我是新手,说详细点啦~~ --------------------编程问答-------------------- css文件怎么实现呢?急求指教 --------------------编程问答-------------------- 第一一个样式的固定高度
--------------------编程问答--------------------
#dataDiv
{
OVERFLOW: auto; //滚动区域自动
OVERFLOW-X: hidden; //隐藏横坐标滚动条
OVERFLOW-Y: hidden; //隐藏纵坐标滚动条
HEIGHT: 600px; //区域高度
WIDTH: 600px //区域高度
}
--------------------编程问答-------------------- 建议找个“师傅”吧。 --------------------编程问答--------------------
<div id="contentDiv">
<div id="titleDiv">
<TABLE cellSpacing="0" cellPadding="0" border="1">
<TR align="center">
<TH width="40">
序号
</TH>
<TH width="100">
字段名
</TH>
<TH width="40">
类型
</TH>
<TH width="90">
显示区域
</TH>
<TH width="40">
附件
</TH>
<TH width="60">
简表字段
</TH>
<TH width="40">
必填
</TH>
<TH width="40">
排序
</TH>
<TH width="100">
操作
</TH>
</TR>
</TABLE>
</div>
<div id="dataDiv">
<TABLE id="listcontent" cellSpacing="0" cellPadding="0" border="1" style="FLOAT:left;MARGIN:0px">
<asp:repeater id="repeaterData" Runat="server">
<ItemTemplate>
<tr>
<td style="width:40px;" class="btn">
<asp:TextBox ID="txtSearch" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"sequence")%>'>
</asp:TextBox>
</td>
<td style="width:100px;">
<asp:Label ID="Lbl_Id" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"id")%>' Visible="False">
</asp:Label>
<%#DataBinder.Eval(Container.DataItem,"name")%>
</td>
<td style="width:40px;">
<asp:Label ID="Lbl_Type" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"fieldType")%>'>
</asp:Label>
<asp:HyperLink ID="link_manager" Runat=server>选项</asp:HyperLink>
</td>
<td style="width:90px;">
<asp:Label ID="Lbl_Area" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"area")%>'>
</asp:Label>
</td>
<td align="center" style="width:40px;">
<asp:Label ID="Lbl_Exist" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"existArchive")%>'>
</asp:Label>
</td>
<td align="center" style="width:60px;">
<asp:Label ID="Lbl_Simple" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"isSimple")%>'>
</asp:Label>
</td>
<td align="center" style="width:40px;">
<asp:Label ID="Lbl_Required" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"required")%>'>
</asp:Label>
</td>
<td align="center" style="width:40px;">
<asp:Label ID="Lbl_Sequence" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"sequence")%>' Visible="False">
</asp:Label>
<asp:LinkButton ID="btnUp" Runat="server" CommandName="up">▲</asp:LinkButton>
<asp:LinkButton ID="btnDown" Runat="server" CommandName="down">▼</asp:LinkButton>
</td>
<td style="width:100px;">
<asp:Label ID="Lbl_URI" Runat="server" Visible="false" Text='<%#DataBinder.Eval(Container.DataItem,"fieldURI")%>'>
</asp:Label>
<asp:Label ID="Lbl_Flag" Runat="server" Visible="false" Text='<%#DataBinder.Eval(Container.DataItem,"flag")%>'>
</asp:Label>
<asp:LinkButton ID="update" Runat="server" Visible="false" CommandName="update">修改</asp:LinkButton>
<asp:LinkButton ID="statusUpdate" CommandName="statusUpdate" Runat="server">
<asp:Label ID="Lbl_Status" Runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"status")%>'>
</asp:Label>
</asp:LinkButton>
<asp:LinkButton ID="delete" Runat="server" Visible="false" CommandName="delete">删除</asp:LinkButton>
</td>
</tr>
</ItemTemplate>
</asp:repeater>
<asp:literal id="NonPanel" Runat="server"></asp:literal>
</TABLE>
</div>
</div>
/*这里是滚动效果CSS*/
#box{width:774px; height:20px; margin:19px 0px 0px 6px; padding:0px; overflow:hidden;}
#box li{list-style:none; line-height:20px;color:#999;font-size:13px;}
.newsContent a{display:block; color:#999; text-decoration:none;}
.newsBox .newsContent a:hover{ color:#23a3d7;}
//滚动支持的脚本
<script language="javascript" type="text/javascript">
window.onload=function(){
var o = document.getElementById('box'); //容器、滚动对象
window.setInterval(function(){scrollup(o,20,0);},3000);
}
/* 滚动主方法=>参数:o 滚动块对象,参数:d 每次滚屏高度, 参数:c 当前已滚动高度*/
function scrollup(o,d,c){
if(d==c){
var t=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);
}
}
function getFirstChild(node){
while (node.nodeType!=1)
{
node=node.nextSibling;
}
return node;
}
</script>
--------------------编程问答-------------------- 这个貌似只用aspx不行吧,还得要cs后台代码的 --------------------编程问答-------------------- 看文档:http://msdn.microsoft.com/zh-cn/library/cc295084.aspx --------------------编程问答--------------------
<div class="newsBox">
<h2>新闻动态</h2>
<div class="newsContent">
<ul id="box">
<%--<li><a href="#">滚动新闻1</a></li>
<li><a href="#">滚动新闻1</a></li>
<li><a href="#">滚动新闻1</a></li>--%>
<asp:Repeater ID="HotNews" runat="server" >
<ItemTemplate>
<li>
<%--<li><%=CreatCode.creatNews()%></li>--%>
<a href="news_xi.aspx?view=<%#Eval("ID")%>"> <%#web.Util.WbUI.CutString3(Eval("NewsTitles").ToString(),90) %> //我这里是截取多余字符调用方法(你可以去掉)
<%#Eval("NewsTitles")#> //这是你需要的 截取方法 自己写
</a>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
</div>
后台 对 repeater 数据进行绑定就可以了 --------------------编程问答-------------------- 嗯,试了,第一个HTML code 格式怪怪的,貌似没什么效果HTML code --------------------编程问答-------------------- 中间Eval()函数那里语法不对,我已经用Marquee实现了,thank you anyway~ --------------------编程问答-------------------- 和gridview一样,只是repeater需要手写代码. --------------------编程问答--------------------
那里不对? --------------------编程问答--------------------
<a href="news_xi.aspx?view=<%#Eval("ID")%>"> 这里的双引号吧,小问题
补充:.NET技术 , ASP.NET