需要帮助创建asp.net中菜单项的下拉列表

时间:2014-02-27 06:31:26

标签: c# javascript html asp.net css

我为我的菜单创建了一个无序列表,该列表由visual studio自动创建,创建了我随身携带的web表单模板。我的问题是,现在我有一个特定的链接,我想下​​载到其他链接,但我不能为我的生活找出最简单的方法来做到这一点。

以下是Site.master的菜单链接代码:

     <nav>
           <ul id="menu">
                <li><a runat="server" href="~/">Home</a></li>
                <li><a runat="server" href="~/About.aspx">About</a></li>                        
                <li><a runat="server" href="~/Pricing.aspx">Pricing</a></li>
                <li><a runat="server" href="VideoTransfer.aspx">Video Transfer</a></li>                     
                <li><a runat="server"href="~/Testimonials.aspx">Testimonials</a</li>
                <li><a runat="server" href="~/Contact.aspx">Contact</a></li>
           </ul>
     </nav>

我正在尝试获取“视频传输”以及我稍后创建的其他几个链接,当用户将鼠标悬停在“定价”上时,它将显示为“定价”的垂直下拉菜单导航。

以下是Site.css的相关CSS:

/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }

任何帮助将不胜感激!!谢谢!

1 个答案:

答案 0 :(得分:0)

 <asp:Menu ID="Menu1" runat="server" StaticDisplayLevels="3">
  <Items>
   <asp:MenuItem Text="File" Value="File">
    <asp:MenuItem Text="New" Value="New"></asp:MenuItem>
    <asp:MenuItem Text="Open" Value="Open"></asp:MenuItem>
   </asp:MenuItem>

   <asp:MenuItem Text="Edit" Value="Edit">
    <asp:MenuItem Text="Copy" Value="Copy"></asp:MenuItem>
    <asp:MenuItem Text="Paste" Value="Paste"></asp:MenuItem>
   </asp:MenuItem>

   <asp:MenuItem Text="View" Value="View">
    <asp:MenuItem Text="Normal" Value="Normal"></asp:MenuItem>
    <asp:MenuItem Text="Preview" Value="Preview"></asp:MenuItem>
   </asp:MenuItem>
  </Items>
 </asp:Menu>

尝试使用菜单控件。您可以在属性中更改菜单控件的方向。