Como criar um efeito de mouse-over com dreamweaver
Video: Curso de CSS - Aula 8 (Efeitos com o Atributo Hover)
Conteúdo
- Video: curso de css - aula 8 (efeitos com o atributo hover)
- Video: aula fácil como criar botao rollover no dreamweaver
Como criar um mouse-Over Efeito Com Dreamweaver. UMA "passe o rato por cima" efeito ocorre quando um utilizador move o cursor do rato para uma imagem. Quando o ponteiro repousa sobre a imagem, muda para outra coisa. Isto é especialmente útil para os botões de navegação. Dreamweaver 3.0 tem mouse sobre comandos pronto para configurar!
Comece Dreamweaver e abra a página o efeito mouse-over será localizado.
Abra o menu Inserir e selecione Imagem cambiável. Uma caixa de diálogo aparecerá.
Digite o nome da imagem a ser rolada na primeira caixa. Por exemplo, você pode chamar um botão Página inicial Rollover.
Na próxima caixa, digite o local da imagem que aparecerá na página. Clique em Procurar para escolher uma imagem do seu disco rígido.
Na caixa Imagem do Rollover, digite o local da imagem que será exibida quando o mouse passa sobre a imagem. Clique em Procurar para escolher uma imagem do seu disco rígido.
Se a imagem é clicável (ligada), digite o endereço Web na caixa ao lado. Clique em OK.
Salve a página quando terminar.
Teste o mouse sobre escolhendo Visualizar no navegador no menu Arquivo. Passe o mouse sobre a imagem para ver a nova imagem tomar o seu lugar.
Video: Aula Fácil Como criar Botao Rollover no Dreamweaver
dicas
- Verifica Certifique-se de caixa Imagem do Preload Rollover está marcada. Este garantir as imagens usadas no mouse-over são carregados para o site antes que o usuário tem a chance de passar o mouse sobre a imagem base, reduzindo a possibilidade de erros.
- Verifica Ambas as imagens devem ser do mesmo tamanho.
- Verifica Ao passar o mouse é parte de um grupo de ações chamado "comportamentos" no Dreamweaver. Comportamentos, que são eventos (como posicionar o mouse) que desencadeiam ações (como a exibição de uma nova imagem), são compostas de pequenos pedaços de código javascript que informam ao navegador para executar uma função. Para mais informações sobre javascript, consulte "Como aprender sobre javascript" e "Como adicionar o javascript para uma página Web com Dreamweaver," sob eHows relacionados.