¿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, over y down. 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 hacia abajo se aplica cuando hace clic en el botón.

Tipos y usos

Los botones de desplazamiento 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 puede elevarse, hundirse, aplastarse o animarse cuando un usuario hace clic en él.

Video del día

Usos

Los botones de desplazamiento 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 menús desplegables y emergentes. Otros botones de rollover se utilizan para efectos animados y sonidos, por lo que una imagen, color, forma, texto o sonido pueden cambiar a medida que el usuario pasa sobre el botón en la Web.

Beneficios

Los botones de desplazamiento 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 utilizan en menús desplegables o emergentes, los botones de desplazamiento 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 sustitución son imágenes, pueden ocupar espacio adicional rápidamente en el servidor web y aumentar el tiempo de carga.

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 utilizar 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.