Hoy os cuento como hacer un efecto visual que puede quedar muy bien en nuestra página web, se trata de cambiar la imagen al pasar el ratón por encima de ella.

Este efecto lo podemos hacer para llamar la atención del visitante. 

El código es muy sencillo, lo haremos de la siguiente manera:

1. <img alt="Cambiar imagen al pasar el raton" height="XX" width="XX" onmouseout="this.src='aquí la imagen1';" onmouseover="this.src='aquí la imagen 2';" src="aquí la imagen1" />

Y se vería así (pasa el ratón por la imagen):

Espero que os sea de utilidad.

Un saludo.