¿Qué es un botón de rollover?

Un botón de rollover es un botón web dinámico que cambia de apariencia según la ubicación del puntero del mouse del usuario. Contiene tres estados:normal, arriba y abajo. El estado normal aparece cuando el mouse está fuera del botón, el estado superior se aplica cuando el mouse pasa sobre el botón y el estado inactivo se aplica cuando hace clic en el botón.

Tipos y Usos

Los botones de rollover vienen en diferentes formas, tamaños, colores y estilos. Dado que las imágenes se pueden convertir en botones de rollover, un botón de rollover también puede contener imágenes. Un botón de rollover se puede levantar, hundir, aplanar o animar cuando un usuario hace clic en él.

Usos

Los botones de rollover se utilizan principalmente como botones de navegación en una página web para dirigir a las personas a otras ubicaciones. También se utilizan en los menús desplegables y emergentes. Otros botones de rollover se usan para efectos y sonidos animados, por lo que una imagen, color, forma, texto o sonido pueden cambiar cuando el usuario pasa el cursor sobre el botón en la Web.

Beneficios

Los botones de rollover amplían la funcionalidad normal de un botón. No solo son visualmente atractivos, sino que los botones de rollover también son dinámicos, alterando al usuario al hecho de que son elementos activos en la página. Los diseñadores web pueden agregar efectos de sonido que se reproducirán si un usuario mueve el mouse sobre estos botones. Cuando se usan en menús desplegables o emergentes, los botones de rollover ayudan a ahorrar espacio de navegación.

Tamaño sugerido

El tamaño de archivo de un botón de rollover debe ser pequeño. Dado que los botones de rollover son imágenes, pueden ocupar rápidamente espacio adicional en el servidor web y aumentar el tiempo de carga.

Programas relacionados

Se puede crear un botón de rollover con software de edición de imágenes, como Adobe Photoshop, Image Ready, Flash y Fireworks. Los programas de software de edición web como Dreamweaver y Microsoft Visual Studio Developer también se pueden usar para crear efectos de botón de rollover. Un botón de rollover también se puede codificar en un archivo web con JavaScript o CSS o mediante el uso de generadores de botones de rollover en línea.