Bits Bytes



Criando uma imagem rollover no DREAMWEAVER Print This Post

Eduardo Antonio Vicentini | DICAS & TRUQUES | 27.10.2007 @ 15:48


Imagem rollover ou simplesmente rollover  é um efeito que troca de imagem quando mouse move sobre ela.

É muito fácil implementar esse recurso no DREAMWEAVER e você poderá criar um aspecto muito interessante no seu website, sendo muito utilizado para botões que lincam para determinadas páginas internas ou externas ao seu website.

Antes de mais nada, crie duas imagens que serão utilizadas no efeito rollover.

Acesse o menu INSERT > IMAGE OBJECTS > IMAGE ROLLOVER e preencha as informações na caixa de diálogo que será exibida, conforme exemplo a seguir.

eduardovicentini - rollover

Quando a página web é exibida pela primeira vez é apresentada uma das imagens (original image) e a outra (rollover image), quando o mouse passar sobre ela.

Se desejar, digite um endereço internet (URL) em WHEN CLICKED, GO TO URL para enviar o internauta para outra parte do seu website ou para um website externo.

 * EDUARDO ANTONIO VICENTINI é professor da UNIMEP nas áreas de Computação e Informática e Direito de Informática e Coordenador de Estágio Supervisionado dos Cursos de Análise de Sistemas/Sistemas de Informação, professor da FATEC de Americana, consultor e advogado e Presidente da Comissão de Informática da 8a Subsecção da OAB/SP.