JavaScript:Creación de un Rollover
Mikael Le Moal


Probablemente ya haya visto imágenes ligadas a vínculos que cambian cuando se pasa sobre ellas con el puntero del ratón... Esto se llama rollover, una de las aplicaciones más comunes de JavaScript.

Con frecuencia se aplica bajo la forma de una imagen en miniatura o icono que presenta un texto ancla vinculado, que cambia cuando el ratón pasa sobre la zona del vínculo y vuelve a aparecer cuando el puntero abandona la zona. Este taller le enseñará cómo implementar dichos efectos y también algunos más complejos.

Rollover Un simple rollover

Un rollover de tres posiciones que utiliza hojas de estilo

Un rollover que utiliza filtros de transición de Internet Explorer

Un rollover que utiliza filtros de transparencia de Internet Explorer

Retorno a la fuente. Será más fácil seguir este taller si echa una ojeada al código fuente completo de nuestro ejemplo .



Contenidos:

- Precarga de la imagen

- Rollover simple

- Utilización de hojas de estilo

- Filtros de Internet Explorer: Transparencia

- Filtros de Internet Explorer: Transición