TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN

Cambio de imagen al pasar el cursor

En la siguiente imagen al pasar el cursor por encima de ella cambiará de forma automática:



El código sería el siguiente:
<img src="http://www.adigitaldreamer.com/gallery/albums/objects/normal_strawberry-hand.jpg" onmouseover="this.src='http://www.adigitaldreamer.com/gallery/albums/flowers/normal_flowershoes.jpg';" onmouseout="this.src='http://www.adigitaldreamer.com/gallery/albums/objects/normal_strawberry-hand.jpg';"/>

En la parte roja pondremos la url de una de las imágenes, y en la parte verde pondremos la url de la otra imagen.

1 comentario:

Entradas populares

Colaboro En:

textoalternativo textoalternativo textoalternativo

Atención

Los comentarios serán publicados una vez hayan sido moderados, disculpen las molestias.

Este blog es informativo y de caracter educativo, el administrador del mismo no se responsabiliza del uso fraudulento o ilegal que otras personas hagan del contenido publicado en él.

Así mismo si alguien cree que se vulnera algún derecho se ruega ponerlo en conocimiento para que se subsane de forma inmediata.