1

我在 ASP.net 菜单中有一个弹出图像设置，用于具有子下拉菜单的菜单项。问题是我希望能够在悬停时更改该图像，并且不确定我是否可以通过 CSS 或 C# 来实现。

带有箭头图像的菜单项：在此处输入图像描述

ASPX 代码：

<asp:Menu ID="Menu1" StaticPopOutImageUrl="~/Sites/0/PageLayouts/Images/Horizontal_Main_Arrow.jpg" ItemWrap="false" runat="server" Orientation="Horizontal">
<DataBindings>
    <asp:MenuItemBinding DataMember="MenuItem" TextField="Title" NavigateUrlField="URL" />
</DataBindings>
<StaticMenuStyle CssClass="TopStaticMenuStyle" />
<StaticSelectedStyle CssClass="TopStaticSelectedStyle" />
<StaticMenuItemStyle CssClass="TopStaticMenuItemStyle" />
<DynamicHoverStyle CssClass="TopDynamicHoverStyle" />
<DynamicMenuStyle  CssClass="TopDynamicMenuStyle" />
<DynamicSelectedStyle CssClass="TopDynamicSelectedStyle" />
<DynamicMenuItemStyle CssClass="TopDynamicMenuItemStyle" />
<StaticHoverStyle CssClass="TopStaticHoverStyle" />

页面来源：

<td onmouseover="Menu_HoverStatic(this)"
    onmouseout="Menu_Unhover(this)"
    onkeyup="Menu_Key(event)"
    id="ctl00_ContentPlaceHolder1_ctl00_ctl00_ctl00_Menu1n1">
  <table class="TopStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl00_ctl00_Menu1_4"
         cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
      <td style="white-space:nowrap;">
        <a class="ctl00_ContentPlaceHolder1_ctl00_ctl00_ctl00_Menu1_1 TopStaticMenuItemStyle ctl00_ContentPlaceHolder1_ctl00_ctl00_ctl00_Menu1_3"
           href="Home.aspx" target="_self"
           style="border-style:none;font-size:1em;"
         >Our Expertise</a>
      </td>
      <td style="width:0;">
        <img src="../Sites/0/PageLayouts/Images/Horizontal_Main_Arrow.jpg"
             alt="Expand Our Expertise"
             style="border-style:none;vertical-align:middle;" />
      </td>
    </tr>
  </table>
</td>
4

1 回答 1

0

您可以使用 Javascript 执行此操作 - 只需将以下属性添加到您的 img 标签：

onmouseover="this.src='../Sites/0/PageLayouts/Images/Horizo​​ntal_Main_Arrow_Highlighted.jpg';"

onmouseout="this.src='../Sites/0/PageLayouts/Images/Horizo​​ntal_Main_Arrow.jpg';"

（或者你的其他 jpg 是什么！）

于 2012-06-08T16:54:40.917 回答