Using images to create effects in the Menu control

In Chapter 5, Visual Effects in ASP.NET Sites, we have seen how the ASP.NET Menu control can be animated using the fade and other CSS effects were explored. In this example, let's use images instead of text for the main menu and submenu items in the Menu control. These images will be updated on mouseover and mouseout events. The constructs used in this example are summarized as follows:

Construct	Type	Description
$(".class")	jQuery selector	This matches all elements with the specified CSS class.
$("html_tag")	jQuery selector	This selects all elements with the specified HTML tag.
$(this)	jQuery object	This refers to the current jQuery object.
.indexOf (searchString, [startIndex])	JavaScript function	This returns the index of the first occurrence of the searchString within the given string starting at the startIndex position (optional).
mouseout	jQuery event	This is fired when the mouse pointer leaves a control....