Este efecto que vamos a optener es muy sencillo solo necesitamos dos imagenes,una imagen va a ser sustituida por otra al pasar el cursor sobre ella y al retirarlo vuelve a la anterior.esto le brinda un toque de elegancia al blog y a su vez, atrae a los visitantes. este es un solo codigo muy sencillo y sin script alguno.
A continuacion puedes ver un ejemplo, pasa el cursor sobre la imagen para que cambie:
Para instalarlo,bastara solamente con incluir el codigo en la entrada que quieras o en un gadget HTML-Javascript:
<img src="URL DE LA PRIMERA IMG" onmouseover="this.src='URL DE LA SEGUNDA IMG';" onmouseout="this.src='URL DE LA PRIMERA IMG';"/>Reemplaza las líneas resaltadas en color naranja por la dirección de la imagen que aparecerá por defecto y la de color verde por la URL de la imagen que se mostrará al pasar el cursor por encima.
Cabe tener en cuenta que las imagenes deben de ser del mismo tamaño para obtener un mejor resultado.
:)
:(
;)
:D
;;-)
:-/
:-O
X(
B-)
#:-S
:((
:))
=))
~X(
:-t
8-
=P~
#-o
=D7
:-SS
:-q
:-bd
0 comentarios:
Publicar un comentario