ASP.net 메뉴 - 호버에서 이미지 팝 아웃을 변경하는 방법

하위 드롭 다운 메뉴가있는 메뉴 항목에 대해 ASP.net 메뉴에서 팝 아웃 이미지 설정이 있습니다. 문제는 내가 hover에 이미지 변경을 할 수 있고 CSS 또는 C#을 통해 할 수 있는지 확신 할 수 없기를 원합니다. 화살표 이미지와ASP.net 메뉴 - 호버에서 이미지 팝 아웃을 변경하는 방법

메뉴 항목 : enter image description here

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>

출처

2012-06-08 the sandman

당신은 자바 스크립트와 함께이 작업을 수행 할 수 있습니다 - 다만 다음을 추가 img 태그에 속성 :

onmouseover = "this.src = '../Sites/0/PageLayouts/Images/Horizontal_Main_Arrow_Highlighted.jpg';"

onmouseout = "this.src = '../Sites/0/PageLayouts/Images/Horizontal_Main_Arrow.jpg';"

는 (또는 다른 JPG 무엇이든!) 문제의

출처

2012-06-08 16:54:40 ekolis

는 IMG HTML 태그는 asp.net 메뉴 컨트롤에 의해 동적으로 생성됩니다. 위의 ASPX 코드에서 설정됩니다. ID를 부여하거나 태그를 변경할 수있는 권한이 없습니다. 그게 내 문제 야. 그래도 고마워. –

흠, 그래서 당신이 사용하는 제 3 자 컨트롤이야? jQuery를 사용하여 img 태그에 연결하고 속성을 추가 할 수 있습니까? – ekolis

그것은 asp.net 메뉴 컨트롤입니다. jQuery를 사용하여 조회해야 할 수도 있습니다. –

ASP.net 메뉴 - 호버에서 이미지 팝 아웃을 변경하는 방법

답변

관련 문제