ASP.NET 2.0,寫無限級下拉菜單不再難!!

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>

發佈了32 篇原創文章 · 獲贊 1 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章