ASP.NET - 将 CSS 和样式用于 Menu 控件

      几乎 Menu 控件外观的各个方面都可以使用 Menu 控件的属性或级联样式表 (CSS) 来管理。通过了解哪些属性控制呈现的哪些方面，可以定制菜单的外观。本主题介绍由 Menu 控件公开的样式类型，并建议一些使用 Menu 控件设置样式的最佳做法。

可以直接在标记中设置各种样式的属性或使用样式表。CssClass 属性可用于为菜单样式分配 CSS 类，该样式控制 Menu 控件外观的某些方面。下面的示例演示如何为许多 Menu 属性（然后可以在样式表中引用这些属性）指定一个 CssClass 属性。

<asp:menu id="NavigationMenu2"

  staticdisplaylevels="3"

  orientation="Vertical"

  target="_blank" 

  runat="server"

  CssClass="menu2">

 

<levelsubmenustyles>

  <asp:submenustyle CssClass="level1" />

  <asp:submenustyle CssClass="level2"/>

  <asp:SubMenuStyle CssClass="level3" />

  </levelsubmenustyles> 

...

请注意，最佳做法是在标记中指定内联样式或使用 CssClass 属性并使用样式表指定样式。不建议同时指定内联样式和使用样式表，因为可能会导致意外行为

 

一、菜单行为和样式

Menu 控件使用两种显示模式：静态模式和动态模式。静态显示意味着部分或全部菜单结构始终可见。完全静态的菜单显示整个菜单结构，用户可以单击其任何部分。动态显示意味着当鼠标指针置于某些项上时显示部分菜单结构；仅当用户将鼠标指针放置在父节点上时才会显示子菜单项。

StaticDisplayLevels 属性指示静态显示多少层菜单项。如果有四层菜单项，并且 StaticDisplayLevels 属性设置为 3，则静态显示前三层，动态显示最后一层菜单项。

若要控制菜单的静态部分的外观，可以在名称中使用包含单词“Static