c# - ASP.net Menu - How to change Pop out Image on Hover -


i have pop out image setup in asp.net menu menu items have child drop down menu. problem want able have image change on hover , not sure if can through css or c#.

menu item arrow image: enter image description here

aspx code:

<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" /> 

page source:

<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> 

you can javascript - add following attributes img tag:

onmouseover="this.src='../sites/0/pagelayouts/images/horizontal_main_arrow_highlighted.jpg';"

onmouseout="this.src='../sites/0/pagelayouts/images/horizontal_main_arrow.jpg';"

(or whatever other jpg is!)


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -