ASP.NET 2.0，写无限级下拉菜单不再难！！

最新推荐文章于 2021-08-27 18:12:16 发布
最新推荐文章于 2021-08-27 18:12:16 发布
阅读量860 收藏
点赞数
分类专栏： ASP.NET 文章标签： asp.net asp menu server action html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Aimar168/article/details/118523
版权

ASP.NET 2.0提供了一个Menu 类，可以方便地创建水平或者垂直方向的下拉菜单，下面就是一个例子：

查看例子

<%@ Page Language="C#" %>
<html>
<!-- ASP.NET 2.0的例子  -->
<head runat="server">
</head>

<body>
<form runat="server">

<h3>下拉菜单的例子</h3>

<!-- Use declarative syntax to create the   -->
<!-- menu structure. Submenu items are      -->
<!-- created by nesting them in parent menu -->
<!-- items.                                 -->
<asp:menu id="NavigationMenu"
  disappearafter="2000"
  staticdisplaylevels="2"
  staticsubmenuindent="10"
  orientation="Horizontal"
  font-names="Arial"
  target="_blank" 
  runat="server">
 
  <staticmenuitemstyle backcolor="#DDDDDD"
    forecolor="red"/>
  <statichoverstyle backcolor="#DDDDDD"/>
  <dynamicmenuitemstyle backcolor="#EEEEEE"
    forecolor="red"/>
  <dynamichoverstyle backcolor="#DDDDDD"
    forecolor="Black"/>

  <items>
    <asp:menuitem navigateurl="http://dotnet.aspx.cc/"
      text="首页"
      tooltip="首页">
      <asp:menuitem navigateurl="http://dotnet.aspx.cc/ShowList.aspx?id=1"
        text="ASP.NET 栏目"
        tooltip="ASP.NET 栏目">
        <asp:menuitem navigateurl="Classical.aspx"
          text="ASP.NET 最新文章"
          tooltip="ASP.NET 最新文章"/>
        <asp:menuitem navigateurl="Rock.aspx"
          text="ASP.NET 问与答"
          tooltip="ASP.NET 问与答">
          <asp:menuitem navigateurl="Classical.aspx"
          text="ASP.NET 最新文章"
          tooltip="ASP.NET 最新文章"/>
          <asp:menuitem navigateurl="Classical.aspx"
          text="ASP.NET 最新文章"
          tooltip="ASP.NET 最新文章"/>
          </asp:menuitem>
        <asp:menuitem navigateurl="Jazz.aspx"
          text="Jazz"
          tooltip="Jazz"/>
      </asp:menuitem>
      <asp:menuitem navigateurl="Movies.aspx"
        text="Movies"
        tooltip="Movies">
        <asp:menuitem navigateurl="Action.aspx"
          text="Action"
          tooltip="Action">
          <asp:menuitem navigateurl="Drama.aspx"
          text="Drama"
          tooltip="Drama"/>
          </asp:menuitem>
        <asp:menuitem navigateurl="Drama.aspx"
          text="Drama"
          tooltip="Drama"/>
        <asp:menuitem navigateurl="Musical.aspx"
          text="Musical"
          tooltip="Musical"/>
      </asp:menuitem>
    </asp:menuitem>
  </items>     
</asp:menu>
</form>
</body>
</html>

Aimar168
关注
专栏目录
asp.net 无限级菜单显示实例源码
11-11
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无限级菜单显示</title> </head> <body> <form id="form1" runat="server"> <div> <table cellpadding="3" width="500" border="1px" cellspacing="0"> <tr> <td rowspan="3" valign="top"> <asp:TreeView ID="trv_menu" runat="server" Font-Bold="False" Font-Size="12px" Width="150px" OnSelectedNodeChanged="trv_menu_SelectedNodeChanged" ShowLines="True" AutoGenerateDataBindings="False"> <ParentNodeStyle Font-Bold="False" /> <HoverNodeStyle Font-Underline="True" ForeColor="Purple" /> <SelectedNodeStyle Font-Underline="True" HorizontalPadding="0px" VerticalPadding="0px" /> <NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="DarkBlue" HorizontalPadding="5px" NodeSpacing="0px" VerticalPadding="0px" /> </asp:TreeView> </td> </tr> <tr> <td valign="top"> <asp:Label ID="lbl_nodeText" runat="server" Font-Size="12px"></asp:Label>  <asp:Label ID="lbl_nodeValue" runat="server" Font-Size="12px"></asp:Label> <div style=" height:28px"> <asp:Label ID="Label1" runat="server" Font-Size="12px" Text="目录名称："></asp:Label> <asp:TextBox ID="txt_menu" runat="server" Font-Size="12px"></asp:TextBox> <strong><span style="color:Red">*</span></strong> <asp:Button ID="btn_Add" runat="server" Font-Size="12px" OnClick="btn_Add_Click" Text="添加" /> </div> </td> </tr> <tr> <td valign="top" > <asp:GridView ID="grd_menu" runat="server" AutoGenerateColumns="False" CellPadding="3" DataKeyNames="ID" Font-Size="12px" Width="100%" BorderWidth="1px" OnRowCancelingEdit="grd_menu_RowCancelingEdit" OnRowDeleting="grd_menu_RowDeleting" OnRowEditing="grd_menu_RowEditing" onrowdatabound="grd_menu_RowDataBound" onrowupdating="grd_menu_RowUpdating"> <Columns> <asp:BoundField DataField="ID" HeaderText="ID" ReadOnly="True" /> <asp:BoundField DataField="content" HeaderText="栏目名称" /> <asp:CommandField HeaderText="编辑" ShowEditButton="True" /> <asp:CommandField HeaderText="删除" ShowDeleteButton="True" /> </Columns> </asp:GridView>  </td> </tr> </table> </div> </form> </body> </html>
ASP.NET 2.0写无限级下拉菜单
01-02
– ASP.NET 2.0的例子 –> <head runat=”server”> </head> <body> <form runat=”server”> 下拉菜单的例子</h3> <!– Use declarative syntax to create the –> <!– menu ...
Asp.Net生成无限级菜单
weixin_30924239的博客
02-10 138
http://www.cnblogs.com/yeminglong/p/4490332.html 首先创建SQL脚本 if exists (select * from sysobjects where id = OBJECT_ID('[Menu]') and OBJECTPROPERTY(id, 'IsUserTable') = 1) DROP TABLE [Menu] CR...
[转]asp.net2.0实现treeview无限级菜单树
weixin_30632089的博客
07-15 269
Tree.asp.cs 程序代码 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Tree.aspx.cs" Inherits="Tree" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww...
Microsoft ASP.NET 2.0 AJAX Extensions 1.0.zip
09-18
主要用来解决：Parser Error Message: Could not load file or assembly 'System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' or one of its dependencies....
net2.0.rar_asp.net_asp.net 2.0_asp.net 菜单_简单的 网络系统_网站 后台
09-21
一个.net写的网站的源码，转发的。原作者是yiyun_ 亦云。 meta网站系统 前些日子,需要做web程序,拿了CommunityServer参考,觉有些意思,就学着弄了一个简单的网站系统,并发布到csdn. 由于对asp.net不熟悉,更是用了...
Net framework3.5(包含.Net2.0/.Net3.0)(离线安装)
最新发布
01-04
压缩包中的".net3.5(包含.net2.0.net3.0)(离线安装)"文件就是为此目的设计的，可以在本地进行安装，避免了在线安装时的网络问题。 2. 安装步骤：通常，可以通过服务器管理器来添加角色和功能来安装.NET Framework ...
在ASPNET中Menu控件显示的菜单怎么老是垂直，而不是水平？
yehaiping1214的专栏
03-03 1111
Orientation属性设置为Horizontal 
asp.net菜单(很简单)
12-05
var tabdropdown={ disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link? enableiframeshim: 1, //1 or 0, for true or false //No need to edit beyond here//////////////////////// dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null, currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/) getposOffset:function(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; }, showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over if (this.ie || this.firefox) this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px" if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){ if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one obj2.parentNode.className="selected" obj.visibility="visible" } else if (e.type=="click") obj.visibility="hidden"
asp.net实现下拉菜单
04-29
用menu控件实现拉控件 非常实用 用menu控件实现拉控件 非常实用
asp.net QQ 下拉菜单 （web 版）
01-12
asp.net QQ 下拉菜单 （web 版），纯html 和js
.net中实现多选下拉菜单（很容易学懂）
05-30
里面包括例子、注释、说明等 适合初学者，一看就懂，网上类似这样 的例子都不是很简单， 但是我自己写的这个很简单、值需套用即可。
asp.net下拉菜单
02-27
asp.net下拉菜单asp.net下拉菜单asp.net下拉菜单asp.net下拉菜单asp.net下拉菜单asp.net下拉菜单asp.net下拉菜单asp.net下拉菜单asp.net下拉菜单asp.net下拉菜单
asp.net中使用下拉菜单的级联问题
weixin_34072857的博客
02-19 157
页面文件 View Code &lt;asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="True"&gt; &lt;asp:ListItem&gt;城市1&lt;/
asp.net中导航菜单CSS设计代码
u010719791的专栏
08-27 473
CSS框架： <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> .style1{ margin:0px;padding:0px; border-bottom
Asp.net 2.0 Treeview 实现无限级无刷新示例
在ASP.NET 2.0中，Treeview 控件是一种常用的用于展示层次结构数据的组件，它可以方便地展示网站目录、菜单树或者任何需要递归层级的数据。本文提供了一个关于如何实现无限级无刷新 Treeview 示例，这在处理大量或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值