Rollover

Na criação de uma página para um Web site , um rollover (algumas pessoas chamam-lhe "mouseover") é uma técnica usando JavaScript que permite alterar um elemento da página (normalmente uma imagem gráfica) quando o utilizador rola o rato sobre algo na página (como uma linha de texto ou uma imagem gráfica). O termo rollover reconhece que há uma bolinha no seu mouse que você rola sobre uma superfície.

Alguns usos comuns do rollover incluem:

  • Convite a interação do usuário fazendo com que elementos de texto em um menu "apareçam" ou se tornem animados quando você rola o mouse sobre cada linha. Isto é feito criando uma pequena imagem gráfica para cada linha de texto e uma segunda imagem gráfica para cada linha que é substituída quando uma determinada linha de texto é rolada com um mouse. O efeito convida os usuários a clicar em uma das linhas roladas.>li>Fazer aparecer de repente uma imagem gráfica previamente invisível ou outro elemento quando o usuário rolar o mouse sobre um determinado elemento da página. O site da página inicial do livro de Raymond Pirouz,

clique aqui , utiliza esta técnica. Experimente-o. Deixe um elemento em uma página mudar de cor enquanto você passa o mouse sobre outros elementos. É uma maneira de reforçar o reconhecimento do usuário de que certos elementos da página estão "vivos" e clicáveis.