0

我试图找出在像这样水平定向的 ASP 菜单中垂直定向子菜单项的最佳方法

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal">
         <Items>
                            <asp:MenuItem Text="Home" Value="Home" NavigateUrl="~/Music/Home.aspx"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Music/Artist.aspx" Text="Artist" Value="Artist">
                                 <asp:MenuItem Text="A" Value="A" NavigateUrl="~/Music/Artist.aspx/A"></asp:MenuItem>
        <asp:MenuItem Text="B" Value="B" NavigateUrl="~/Music/Artist.aspx/B"></asp:MenuItem>
        <asp:MenuItem Text="C" Value="C" NavigateUrl="~/Music/Artist.aspx/C"></asp:MenuItem>
        <asp:MenuItem Text="D" Value="D" NavigateUrl="~/Music/Artist.aspx/D"></asp:MenuItem>
        <asp:MenuItem Text="E" Value="E" NavigateUrl="~/Music/Artist.aspx/E"></asp:MenuItem>
        <asp:MenuItem Text="F" Value="F" NavigateUrl="~/Music/Artist.aspx/F"></asp:MenuItem>
        <asp:MenuItem Text="G" Value="G" NavigateUrl="~/Music/Artist.aspx/G"></asp:MenuItem>
        <asp:MenuItem Text="H" Value="H" NavigateUrl="~/Music/Artist.aspx/H"></asp:MenuItem>
        <asp:MenuItem Text="I" Value="I" NavigateUrl="~/Music/Artist.aspx/I"></asp:MenuItem>
        <asp:MenuItem Text="J" Value="J" NavigateUrl="~/Music/Artist.aspx/J"></asp:MenuItem>
        <asp:MenuItem Text="K" Value="K" NavigateUrl="~/Music/Artist.aspx/K"></asp:MenuItem>
        <asp:MenuItem Text="L" Value="L" NavigateUrl="~/Music/Artist.aspx/L"></asp:MenuItem>
        <asp:MenuItem Text="M" Value="M" NavigateUrl="~/Music/Artist.aspx/M"></asp:MenuItem>
        <asp:MenuItem Text="N" Value="N" NavigateUrl="~/Music/Artist.aspx/N"></asp:MenuItem>
        <asp:MenuItem Text="O" Value="O" NavigateUrl="~/Music/Artist.aspx/N"></asp:MenuItem>
        <asp:MenuItem Text="P" Value="P" NavigateUrl="~/Music/Artist.aspx/P"></asp:MenuItem>
        <asp:MenuItem Text="Q" Value="Q" NavigateUrl="~/Music/Artist.aspx/Q"></asp:MenuItem>
        <asp:MenuItem Text="R" Value="R" NavigateUrl="~/Music/Artist.aspx/R"></asp:MenuItem>
        <asp:MenuItem Text="S" Value="S" NavigateUrl="~/Music/Artist.aspx/S"></asp:MenuItem>
        <asp:MenuItem Text="T" Value="T" NavigateUrl="~/Music/Artist.aspx/T"></asp:MenuItem>
        <asp:MenuItem Text="U" Value="U" NavigateUrl="~/Music/Artist.aspx/U"></asp:MenuItem>
        <asp:MenuItem Text="V" Value="V" NavigateUrl="~/Music/Artist.aspx/V"></asp:MenuItem>
        <asp:MenuItem Text="W" Value="W" NavigateUrl="~/Music/Artist.aspx/W"></asp:MenuItem>
        <asp:MenuItem Text="X" Value="X" NavigateUrl="~/Music/Artist.aspx/X"></asp:MenuItem>
        <asp:MenuItem Text="Y" Value="Y" NavigateUrl="~/Music/Artist.aspx/Y"></asp:MenuItem>
        <asp:MenuItem Text="Z" Value="Z" NavigateUrl="~/Music/Artist.aspx/Z"></asp:MenuItem>
        <asp:MenuItem Text="0-9" Value="0-9" NavigateUrl="~/Music/Artist.aspx/0-9"></asp:MenuItem>
                            </asp:MenuItem>

我希望菜单在鼠标悬停在 Artist 上时显示为这样

任何人都可以提出一些解决方案来避免使用 CSS 和 Javascript 吗？

目前 ABC 看起来像这样 A

乙

C

D

乙

我希望它们看起来像酒吧

ABCDE ......

更新：我希望子菜单像下拉列表一样出现在悬停上，唯一的条件是列表需要是水平行而不是垂直列。

4

1 回答 1

0

你能澄清一下吗？这些项目显示为条形，就像您在底部的示例一样；你想要悬停弹出菜单之类的东西吗？在这种情况下，ajax 是一个简单的选择http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/HoverMenu/HoverMenu.aspx

于 2013-05-22T04:33:10.650 回答