【问题标题】:Need help creating dropdown for menu item in asp.net需要帮助为 asp.net 中的菜单项创建下拉菜单
【发布时间】:2014-02-27 06:31:26
【问题描述】:

我为我的菜单创建了一个无序列表,该列表由 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;
        }

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

【问题讨论】:

    标签: c# javascript html asp.net css


    【解决方案1】:
     <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>
    

    对 Menu 控件试试这个。您可以在属性中更改 Menu 控件的方向。

    【讨论】:

    • 感谢您的帮助,我现在只需要处理 CSS
    • 您需要我帮忙吗?
    猜你喜欢
    • 1970-01-01
    • 2017-07-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多