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:
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
Post a Comment