当前位置:编程学习 > C#/ASP.NET >>

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 --------------------编程问答--------------------
引用 2 楼  的回复:
效果出不来啊,Thank you all the sanme

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         //区域高度
}

--------------------编程问答--------------------

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


  <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>
--------------------编程问答-------------------- 这个貌似只用aspx不行吧,还得要cs后台代码的
引用 9 楼  的回复:
HTML code

    <div id="contentDiv">
                            <div id="titleDiv">
                                <TABLE cellSpacing="0" cellPadding="0" border="1">
                              ……
--------------------编程问答-------------------- 看文档:http://msdn.microsoft.com/zh-cn/library/cc295084.aspx --------------------编程问答--------------------
引用 12 楼  的回复:
这个貌似只用aspx不行吧,还得要cs后台代码的引用 9 楼  的回复:

HTML code

<div id="contentDiv">
<div id="titleDiv">
<TABLE cellSpacing="0" cellPadding="0" border="1">
……


后台 对 repeater 数据进行绑定就可以了 --------------------编程问答-------------------- 嗯,试了,第一个HTML code 格式怪怪的,貌似没什么效果HTML code
引用 14 楼  的回复:
引用 12 楼  的回复:

这个貌似只用aspx不行吧,还得要cs后台代码的引用 9 楼  的回复:



<div id="contentDiv">
<div id="titleDiv">
<TABLE cellSpacing="0" cellPadding="0" border="1">



后台 对 repeater 数据进行绑定就可以了
……
--------------------编程问答-------------------- 中间Eval()函数那里语法不对,我已经用Marquee实现了,thank you anyway~
引用 11 楼  的回复:
CSS code
/*这里是滚动效果CSS*/
    #box{width:774px; height:20px; margin:19px 0px 0px 6px; patdding:0px;  overflow:hidden;}
    #box li{list-style:none; line-height:20px;color:#999;font-size:13px;}
    .new……
--------------------编程问答-------------------- 和gridview一样,只是repeater需要手写代码. --------------------编程问答--------------------
引用 16 楼  的回复:
中间Eval()函数那里语法不对,我已经用Marquee实现了,thank you anyway~引用 11 楼  的回复:
CSS code
/*这里是滚动效果CSS*/
#box{width:774px; height:20px; margin:19px 0px 0px 6px; patdding:0px;  overflow:hidden;}
#box li{list-style:……

那里不对? --------------------编程问答--------------------
引用 18 楼  的回复:
引用 16 楼 的回复:

中间Eval()函数那里语法不对,我已经用Marquee实现了,thank you anyway~引用 11 楼 的回复:
CSS code
/*这里是滚动效果CSS*/
#box{width:774px; height:20px; margin:19px 0px 0px 6px; patdding:0px; overflow:hidden;}
#box l……


 <a href="news_xi.aspx?view=<%#Eval("ID")%>"> 这里的双引号吧,小问题
补充:.NET技术 ,  ASP.NET
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,