16 de abril de 2011

CAMBIAR IMAGEN AL PASAR EL CURSOR

Este truquito esta bien padre , al tener dos imágenes, consigues un efecto que al pasar el cursor por encima de una , se muestre la segunda puedes aplicarlo por ejemplo a los botones de DESCARGA.Un ejemplo seria el siguiente ,"posiciona el cursor encima de la imagen ":


1.-Lo colocaremos en una Entrada o en un Elemento HTML donde queremos conseguir el efecto .

Este es el código que debes usar:



2. Cambiamos lo que esta entre comillas que dice: URL DE LA PRIMERA IMAGEN viene dos veces en el codigo y esa imagen sera la que qede estatica por ejemplo en mis fotos sera la de las unas con hello kity y la URL DE LA SEGUNDA IMAGEN. sera la que cambie al pasar el cursor.

Nota: si queremos que al dar click en la imagen, esta te dirija a algun sitio,como en mis botones de descarga que tienen este codigo con una url a megaupload pues cambiamos lo que esta entre comillas y dice URL DEL ENLACE por la dirección deseada. Y si queremos que la imagen no nos dirija a ningun sitio,pues simplemente eliminamos esta parte: href="URL DEL ENLACE"

2 comentarios:

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. Me encantaaaaaaa pero no quiero usarlo solo el de l cursor :D gracias
    ghisel

    ResponderEliminar