服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - ASP.NET 2.0写无限级下拉菜单

ASP.NET 2.0写无限级下拉菜单

2019-06-18 10:43ASP.NET之家 ASP.NET教程

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

ASP.NET 2.0写无限级下拉菜单

 

复制代码代码如下:

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

延伸 · 阅读

精彩推荐