Saltar al contenido

Visor

Evento hover

¿Qué sucede cuando pasamos el ratón sobre esta interrogación?

Help

Oh, sorpresa, ¿cómo he conseguido que suceda eso?

Cuando el ratón pasa por encima de la imagen "mouse over", la imagen cambia y muestra una alternativa, la imagen del corazón.
Y cuando el ratón sale de la imagen "mouse out", ésta vuelve a cambiar y muestra de nuevo la interrogación.

Magia, magia, ....

Aquí otro ejemplo con un mandala que se colorea sólo al pasar el ratón por encima

Mandala

¿Cómo podemos hacerlo?

Pues realmente es algo bastante sencillo, aunque necesitamos editar el código html para conseguirlo. En este pequeño vídeo lo explico

Y este es el fragmento de código html que inserto en el vídeo:

onmouseover="this.src='';"
onmouseout="this.src='';"