loading an image on hover over a link

[cpeeyush1]

hi
i am new to java script and i am designing my web site but i want to load a new image on a particular place of my web page when a user hover over the home,contact us link
so pls tell how can i do this if you have the code then send to me
THANKU
-PC(INDIA)

[dreamer14]

I would use flash to do all this fancy effects.

[peter_budo]

@cpeeyush1 - JSP stands for Java Server Pages not Java Script. Post moved!

[essential]

Things can be done with CSS.
But here's a basic example to get you started...

<img src="yourImage.jpg" alt="[ Home ]" id="image1" onmouseover="this.src='home.jpg';" onmouseout="this.src='myImage.jpg';" /><br />
<a href="#" onmouseover="document.getElementById('image1').src='home.jpg';" onmouseout="document.getElementById('image1').src='yourImage.jpg';">Hoover Me!</a>