asp.net - 帮助设计 Asp.Net 中的菜单控件

Question

我正在尝试将包含菜单控件的用户控件放在一起。我有一个水平方向的菜单，并使用 4 个 gif 作为单独的菜单项，它们之间的间距约为 10px。到目前为止很容易，但我需要的是在悬停时换出每个 gif。我很确定菜单控件不支持悬停时图像交换功能，因此我正在尝试寻找解决方法。我猜它会涉及一些聪明的 css，但我完全卡住了，根本想不通。有帮助吗？

这里的附带问题:我被要求将菜单放在用户控件中，然后在母版页中注册。这有什么好处吗？为什么不将菜单编码到母版页中而不是在单独的用户控件中？

谢谢你...

Answer 1

我建议使用两种 CSS 样式。在您的第一种样式中，您可以为非悬停状态设置背景图像。在第二种样式中，您将为悬停状态使用背景图像。然后您可以使用 MenuItemStyles 和 HoverMenuItemStyles。下面是一些快速示例代码:

menuItem { background-image: url('menuItemImg.gif');背景位置:左中；背景重复:不重复； } hoverItem { background-image: url('hoverItemImg.gif');背景位置:左中；背景重复:不重复； }

...

<asp:Menu ID="menu1" runat="server" StaticMenuItemStyle-CssClass="menuItem" StaticHoverStyle-CssClass="hoverItem">
    <Items>
      ...
    </Items>
</asp:Menu>

如果您使用的是动态元素，您可能需要切换到 DynamicMenuItemStyle 等。