Cambia las imagenes cuando pasas el raton por encima. Este javascript se puede usar para botones o menus, creando un efecto muy bueno.

Para probarlo pasa el raton por encima del boton.

<script LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- // mas javascripts como este en WebRecursos.com function preCargaImg(imageURL) { image = new Image(); image.src = imageURL; return image; } function CambiarImg(buttonName,sourceImage) { document [buttonName].src = sourceImage.src; return true; } // Botones que se usan Activo = preCargaImg("boton2.gif"); Inactivo = preCargaImg("boton.gif"); // --> </SCRIPT> <p ALIGN=CENTER> <a HREF="../../index.html" onMouseOver="CambiarImg('upButton',Activo); return false" onMouseOut="CambiarImg('upButton',Inactivo); return false"><img SRC="boton.gif" ALT="[Up]" NAME="upButton" BORDER=0 ALIGN=TOP WIDTH=64 HEIGHT=64></a><p></p>

Copia y pega el codigo dentro de tu pagina.