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 に答える