tags:

views:

21

answers:

0

Hi, i have a image menu within my asp.net website. i want to include an easy solution for hoverover functionality. for example, menu item one would dispay 1.jpg on page load and hover1.jpg when a user hovers their mouse over the image. thanks for any support.

<asp:Menu ID="Menu1" runat="server">
<Items>

<asp:MenuItem ImageUrl="~/Images/1.jpg" PopOutImageUrl="~/Images/hover1.jpg" 
NavigateUrl="~/1.aspx" Target="_self">

</asp:MenuItem><asp:MenuItem ImageUrl="~/Images/2.jpg" PopOutImageUrl="~/Images/hover2.jpg'" NavigateUrl="~/2.aspx" Target="_self"></asp:MenuItem>

<asp:MenuItem ImageUrl="~/Images/3.jpg" PopOutImageUrl="~/Images/hover3.jpg'" NavigateUrl="~/3.aspx" Target="_self"></asp:MenuItem>

<asp:MenuItem ImageUrl="~/Images/4.jpg" PopOutImageUrl="~/Images/hover4.jpg'" NavigateUrl="~/4.aspx" Target="_self"></asp:MenuItem>

<asp:MenuItem ImageUrl="~/Images/5.jpg" PopOutImageUrl="~/Images/hover5.jpg'" NavigateUrl="~/5.aspx" Target="_self"></asp:MenuItem>

</Items>
</asp:Menu>