Rollover

En la creación de páginas para un sitio web, un rollover (literalmente "rodar encima"; algunas personas lo llaman mouseover o "ratón encima") es una técnica que usa el JavaScript y que nos permite cambiar un elemento de una página (habitualmente una imagen gráfica) cuando el usuario pasa el ratón sobre un punto concreto (como una línea de texto o una imagen gráfica). El término "rollover" reconoce el hecho de que hay una pequeña bola en el ratón que hacemos rodar sobre una superficie.
Algunos usos comunes del rollover:
1. Invitar la interacción del usuario causando que los elementos de texto en un menú salten (hagan "pop up") o se animen de alguna otra forma cuando pasamos el ratón sobre cada línea. Esto se hace creando una pequeña imagen gráfica para cada línea de texto y una segunda imagen para cada línea que será sustituida cuando el ratón pase por encina de una línea concreta. El efecto invita a los usuarios a hacer clic en una de las líneas sobre las que ha pasado el ratón.
2. Causar que una imagen gráfica previamente invisible u otro elemento aparezcan súbitamente cuando el usuario pasa el ratón sobre un elemento específico de una página. La página principal de Raymond Pirouz para su libro Click here usa esta técnica. Pruébela.
3. Hacer que un elemento en una página cambie de color al pasar el ratón sobre otros elementos. Es una forma de reforzar la percepción del usuario de que ciertos elementos de la página están "vivos" y puede hacerse clic sobre ellos.