Que hay de nuevo?
Cargando...

Efecto On mouse over HTML

El efecto on mouse over (pasar el ratón por encima de un objeto), es muy fácil de aplicar y de agregar a nuestras paginas web, no requiere programación en css ni javascript.


Básicamente se basa en el siguiente código:

<a href=”http://posteando.com.mx” target=”_blank”><img src=”img/1.png” alt=”Ver más” name=”img1? border=”0?id=”img1?onmouseover=”img1.src=’img/2.png’”onmouseout=”img1.src=’img/1.png’” /></a>


Podemos agregar un enlace a otra pagina, y es necesario poner un nombre y también un id, en este caso “img1?. Después especificamos la ubicación de la imagen para pasar el ratón encima del a imagen y cuando no lo este. Realmente se puede reemplazar el código de cualquier imagen por esto y agregarle otras propiedades como por ejemplo el tamaño de la imagen o el target. También sirve mucho para poner botones y crear el efecto de presionarlos al pasar por arriba el ratón.


0 comentarios:

Publicar un comentario