javascript - 菜单.asp javascript

Question

有没有办法使用 javascript 访问 asp:menu 中的元素 Menuitem我的目标是在用户将鼠标悬停在菜单上时更改 imageUrl 路径。

  <div align = "center">
        <asp:Menu ID="Menu1" runat="server">
        <Items>
        <asp:MenuItem ImageUrl = "Images/education_remo_un.gif"></asp:MenuItem>
        </Items>
        </asp:Menu>

    </div>

提前致谢

Answer 1

应用悬停功能的一种好方法是为菜单项分配一个 cssclass 并在该 cssclass 中设置图像。

<asp:Menu ID="Menu1" 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>