Evento hover
¿Qué sucede cuando pasamos el ratón sobre esta interrogación?
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
¿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='';"