科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道应用软件ASP.NET Menu控件提供另外一种网站地图导航方式

ASP.NET Menu控件提供另外一种网站地图导航方式

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

本周,我的ASP.NET网站导航控件系列文章将从Site Map、SiteMapPath和TreeView转到Menu控件。

作者:Tony Patton 来源:开发者在线 2007年10月17日

关键字:

  • 评论
  • 分享微博
  • 分享邮件

样式

你可以通过前面讨论的属性和CSS以及可用的样式元素来操控Menu控件的表示。这些元素可以从各个方面设定Menu控件的样式:

  • DynamicHoverStyle用来定义鼠标停留在动态元素上时的表示。
  • DynamicMenuItemStyle用来定义动态菜单项目的表示。
  • DynamicSelectedStyle用来定义选中的动态菜单项目的表示。
  • DynamicMenuStyle用来定义动态菜单的表示。
  • StaticHoverStyle用来定义鼠标停留在静态元素上时的表示。
  • StaticMenuItemStyle用来定义静态菜单项目的表示。
  • StaticMenuStyle用来定义静态菜单的表示。
  • StaticSelectedStyle用来定义选中的静态菜单项目的表示。

下面的例子用到了上面的一些元素来自定义用户鼠标停留在菜单项目上时的显示以及动态菜单的显示。当鼠标停留时在静态菜单项目上时,菜单项目带有灰色背景,而当鼠标停留在动态菜单项目上时,菜单项目是黄色的背景而且文字是粗体。所有动态菜单项目的背景都是橙色的。

<asp:Menu  DisappearAfter="250" Orientation="Vertical" DynamicHorizontalOffset="20" DynamicVerticalOffset="50" ItemWrap="false" StaticSubMenuIndent="100" StaticDisplayLevels="2" MaximumDynamicDisplayLevels="1" ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1">
 <DynamicHoverStyle BackColor="Yellow" Font-Bold="true" />
 <DynamicMenuItemStyle BackColor="orange" Font-Italic="true" />
 <StaticHoverStyle BackColor="gray" />
 </asp:Menu>

如果你更喜欢用CSS来设定菜单项的样式,那么你可以使用Menu控件属性。比如,DynamicHoverStyle-CssClass让你能够指定鼠标停留时动态项目的CSS规则。还有其他一些属性可以用于菜单的其他元素。访问MSDN可以获得更多关于Menu控件的信息

另一种选择

SiteMapPath、TreeView和Menu控件用一种简单的方式为Web应用程序增加了强大的导航功能。控件很容易使用,它们提供了大量的选项供你自定义其表示,而无需编写任何代码。而用户非常高兴看到能有简单的方式对网站进行导航,并迅速定位他们所需的内容。
你觉得还有什么关于ASP.NET网站地图控件的信息我应该在这四篇系列文章里涉及?你对网站地图的经验什么样的呢?

Tony Patton的职业生涯开始于应用程序开发员,并已经获得了代表其专业水平的JavaVBLotusXML认证。

查看本文的国际来源

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章