Um botão rollover é um botão dinâmico da Web que muda de aparência dependendo da localização do ponteiro do mouse do usuário. Ele contém três estados: normal, ativado e desativado. O estado normal aparece quando o mouse está fora do botão, o estado sobre se aplica quando o mouse rola sobre o botão e o estado para baixo se aplica quando você clica no botão.
Tipos e usos
Os botões de rollover vêm em diferentes formas, tamanhos, cores e estilos. Como as imagens podem ser convertidas em botões de rollover, um botão de rollover também pode conter imagens. Um botão rollover pode ser levantado, afundado, plano ou animado quando um usuário clica nele.
Vídeo do dia
Usos
Os botões de rollover são usados principalmente como botões de navegação em uma página da Web para direcionar as pessoas a outros locais. Eles também são usados em menus suspensos e pop-up. Outros botões de rollover são usados para efeitos e sons animados, de modo que uma imagem, cor, forma, texto ou som pode mudar conforme o usuário rola sobre o botão na web.
Benefícios
Os botões de rollover estendem a funcionalidade normal de um botão. Não são apenas visualmente atraentes, mas os botões de rollover também são dinâmicos, alterando o usuário para o fato de que são elementos ativos na página. Os web designers podem adicionar efeitos sonoros que serão reproduzidos se o usuário mover o mouse sobre esses botões. Quando usados em menus suspensos ou pop-up, os botões de rolagem ajudam a economizar espaço de navegação.
Tamanho sugerido
O tamanho do arquivo de um botão de rollover deve ser pequeno. Como os botões de rollover são imagens, eles podem rapidamente ocupar espaço extra no servidor da Web e aumentar o tempo de carregamento.
Um botão rollover pode ser criado com software de edição de imagem, como Adobe Photoshop, Image Ready, Flash e Fireworks. Os programas de software de edição da Web, como Dreamweaver e Microsoft Visual Studio Developer, também podem ser usados para criar efeitos de botão de rollover. Um botão de rollover também pode ser codificado em um arquivo da Web com JavaScript ou CSS ou usando geradores de botão de rollover online.
