asp.net利用.net控制項實現下拉導覽功能表的製作

來源:互聯網
上載者:User
asp.net利用.net控制項實現下拉導覽功能表的製作

今天的一個小測試是老師讓用.NET用控制項來製作一個拉菜單要求如下:
將滑鼠移到父菜單上彈出3個子功能表,而且每個子功能表都有超連結。

以下是我自己做的代碼:

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" Width="100%"             Font-Size="14px" ForeColor="#161621" Font-Bold="True"             PathSeparator="1" StaticEnableDefaultPopOutImage="False"             >                           <DynamicMenuStyle BackColor="#D0E6DE" />                           <DynamicMenuItemStyle ItemSpacing="5px" />                           <Items>                     <asp:MenuItem Text="IT從業之家" Value=" http://www.3ppt.com " NavigateUrl="~/Introduce.aspx?id=1">                         <asp:MenuItem Text="IT從業" Value="IT從業" NavigateUrl="~/Introduce.aspx?id=1"></asp:MenuItem>                         <asp:MenuItem Text="IT從業" Value="NavigateUrl="~/Introduce.aspx?id=2"></asp:MenuItem>                         <asp:MenuItem Text="IT從業" Value="IT從業" NavigateUrl="~/PIntroduce.aspx?id=1"></asp:MenuItem>                         <asp:MenuItem Text="IT從業" Value="IT從業" NavigateUrl="~/PIntroduce.aspx?id=2"></asp:MenuItem>                     </asp:MenuItem>                     <asp:MenuItem Text="IT從業" ValueNavigateUrl="~/News.aspx"></asp:MenuItem>                     <asp:MenuItem Text="IT從業" Value="IT從業" NavigateUrl="~/Product.aspx?id=1">                         <asp:MenuItem Text="IT從業" Value="IT從業" NavigateUrl="~/Product.aspx?id=0"></asp:MenuItem>                         <asp:MenuItem Text="IT從業" Value="IT從業" NavigateUrl="~/Product.aspx?id=1"></asp:MenuItem>                     </asp:MenuItem>                     <asp:MenuItem Text="IT從業" Value="IT從業" NavigateUrl="~/Message.aspx"></asp:MenuItem>                     <asp:MenuItem Text="IT從業" Value="IT從業" NavigateUrl="~/Download.aspx"></asp:MenuItem>                     <asp:MenuItem Text="線上聯絡 " Value="線上聯絡" NavigateUrl="~/Content.aspx"></asp:MenuItem>                 </Items>             </asp:Menu>

asp.net利用.net控制項實現下拉導覽功能表的製作

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.