There are lots of example of javascript rollovers on the net, here is the simplest I have been able to build.
Move the mouse over the image
This is what the code looks like using the name method
<a href='javascript:void(0);'
onmouseover="document.contents.src='eyeshut.gif'"
onmouseout="document.contents.src='eyeopen.gif'" >
<img src='eyeopen.gif' name='contents' id='contents' alt='ouch!, dont do that' /></a>
This is what the code looks like using the dom method
<a href='javascript:void(0);'
onmouseover="document.images[0].src='eyeshut.gif'"
onmouseout="document.images[0].src='eyeopen.gif'">
<img src='eyeopen.gif' alt='ouch!, dont do that' /></a>
Exercise
Select two small images of the same size and produce the Rollover effect.