[HTML] Cambiar imágen al pasar el puntero encima

Este código sirve pa que cuando pasemos el cursor encima de una imágen esta se cambie por otra:

<img
src=”imagen1
onmouseover=”this.src=’imagen2‘”
onmouseout=”this.src=’imagen1‘”
/>

Les voy a demostrar el funcionamiento del código con un camaleón =D

Las imágenes podrán ser cualquier formato jpg, gif, png que hayan subido previamente.

La imagen1 es la imágen que se visualizará por defecto.

camaleon

La imágen2es la imágen que se visualizará cuando pasen el puntero del mouse por encima.

camaleon2

Resultado

fusion camaleon
  • Nota: Si usan blogger, en la vista previa es posible que no se vea el efecto, pero cuando se publica ya funciona.

- Ver más entradas
Blogger, trabajo en el área de TI, busco innovar a través de la tecnología. Algo loco, pienso diferente, sigo mi propio camino. Rock - Tech - Anime

Compartir esta entrada

También puede interesarte:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Powered by WordPress · Diseñado por Theme Junkie
QR Code Business Card