当前位置导航：炫浪网>>网络学院>>网页制作>>ASP.NET教程

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

    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>

上一篇：WPF数据绑定之绑定声明 下一篇：设计ASP.NET应用程序的七大绝招
相关内容
[更多]
赞助商链接