ASP.NET 菜单项悬停图像

Question

我有一个包含多个菜单项的 asp.net 菜单。当鼠标悬停在菜单项上时，如何将图像覆盖在菜单项文本上？其次，当选择菜单项时如何显示不同的覆盖图像？

谢谢

Answer 1

您可以通过使用各种 MenuItemStyles 像这样：

<asp:Menu ID="menu" runat="server">
    <DynamicSelectedStyle CssClass="menu-item-selected" />
    <StaticSelectedStyle CssClass="menu-item-selected" />
    <StaticHoverStyle CssClass="menu-item-hover" />
    <DynamicHoverStyle CssClass="menu-item-hover" />
    <Items>
        <asp:MenuItem Text="Item 1" Selectable="true" Selected="true"></asp:MenuItem>
        <asp:MenuItem Text="Item 2" Selectable="true"></asp:MenuItem>
        <asp:MenuItem Text="Item 3" Selectable="true"></asp:MenuItem>
    </Items>
</asp:Menu>

希望这有帮助。