How to change image on mouseover and mouseout using javascript

The following  is the code for change image when OnMouseOver and OnMouseOut:

I have taken  Home,ContactUs and Search as anchor buttons with images, when we onmouseover or onmouseout then the image will be changed as per giver src.

<a href="Home.aspx">
<img src="Images/home_off.gif" alt="Home" border="0"
    onmouseout="this.src='Images/home_off.gif';" />

<a href="ContactUs.aspx">
<img src=" Images / ContactUs _off.gif" alt="Archive" border="0"
    onmouseover="this.src= Images / ContactUs _on.gif';"
    onmouseout="this.src= Images / ContactUs _off.gif';" />

<a href="search.aspx">
<img src=" Images /search_off.gif" alt="Search" border="0"
    onmouseover="this.src= Images /search_on.gif';"
    onmouseout="this.src= Images /search_off.gif';" />


Post a Comment