Hover menu

[Nug]

I need a script/code that well change the image when the mouse is hovering over it.
can someone tell me the easist way to do this?

 

[Dynash]

JavaScript or CSS:

JS: http://www.mcli.dist.maricopa.edu/tut/tut27d.html
CSS: http://superfluousbanter.org/archives/2004/05/navigation-matrix/

 

[david432111]

http://www.pageresource.com/jscript/jhover.htm
http://www.thesitewizard.com/archive/rollovers.shtml
http://www.hypergurl.com/rolloverimage.html
http://www.allfreeclipart.com/imouse.html
There you go.

 

[Nug]

Thanks guys, I'm looking through them all now

 

[themoose]

This is what I used;

<a href="#" onmouseover="document.turtletech.src='images/site/turtletech_on.gif'" onmouseout="document.turtletech.src='images/site/turtletech_off.gif'">
<img src="images/site/turtletech_off.gif" name="turtletech" alt="turtletech" border="0"  /></a>

*on.gif is obviously the new image, *off is the old one.

Things to look at in there: onmouseover, onmouseout, and name=""

I also preloaded the *on.gif image simply by loading it earlier in the page.

<img src="images/site/turtletech_on.gif" style="display:none;" width="1" height="1" alt="preload_turtletech" />

note width=1, height=1 and display:none

Hope this helps..

 

[Nug]

Thanks! I'd forgot to preload them.