2013-05-21 55 views
0

我試圖找出垂直於該水平定向這樣asp.net中橫向菜單中子項的方向?

<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> 

我希望菜單上的藝術家出現這樣的鼠標ASP菜單定向子菜單項的最佳方式

任何人都可以提出一些解決方案,試圖避免CSS和Javascript?

在基本知識出現這樣 此刻

Ç

d

Ë

我希望他們看起來像一個酒吧

ABCDE .............

更新: 我想讓子菜單像下拉列表一樣出現在懸停狀態,條件是列表需要是水平行而不是垂直列。

回答

0

你能澄清嗎?項目顯示爲一個欄,就像你的例子在底部;你想要一個像懸浮彈出菜單的東西嗎?在這種情況下,阿賈克斯之一是一個簡單的選擇http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/HoverMenu/HoverMenu.aspx

+0

我需要一個像你的鏈接懸停菜單。但在這個例子中,懸停的「編輯」和「刪除」垂直出現。我希望他們水平並排出現。 –