hola..
puedes utilizar dos imagenes y al pasar el mousse por encima de una..mostrar la otra
ej:
function mostrar_imagen1()
{
document.form.imagen.src="imagen1.gif"
}
function mostrar_imagen2()
{
document.form.imagen.src="imagen2.gif"
}
<a href="javascript
:;" onMouseOut="mostrar_imagen1()" onMouseOver="mostrar_imagen2()">
<img name="imagen" src="imagen1.gif" border="0">
</a>
chaop..