Question

我试图找出在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>

我希望菜单在Apple上的鼠标上显示为

有人可以提出一些试图避免使用CSS和Javascript的解决方案吗？

目前ABCs看起来像这样甲

乙

C

d

电子

我希望它们看起来像一个酒吧

A B C D E .............

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

Answer 1

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

asp.net中水平方向菜单中子项的方向？

1 个答案: