Como criar um efeito de mouse-over com dreamweaver

Video: Curso de CSS - Aula 8 (Efeitos com o Atributo Hover)

Criar um rato-Over Efeito Com Dreamweaver

Criar um rato-Over Efeito Com 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!

1

Comece Dreamweaver e abra a página o efeito mouse-over será localizado.

2

Abra o menu Inserir e selecione Imagem cambiável. Uma caixa de diálogo aparecerá.

3

Digite o nome da imagem a ser rolada na primeira caixa. Por exemplo, você pode chamar um botão Página inicial Rollover.

4

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.

5

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.

6

Se a imagem é clicável (ligada), digite o endereço Web na caixa ao lado. Clique em OK.

7

Salve a página quando terminar.

8

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.

Unid você precisará

Sobre o autor

Este artigo foi criado por um escritor profissional e editada por editores de texto experientes, ambos os membros qualificados da demanda da comunidade Media Studios. Todos os artigos passam por um processo editorial que inclui diretrizes no assunto, revisão plágio, verificação dos fatos, e outros passos em um esforço para fornecer informações confiáveis.

Video: Criando um MENU animado de modo simples (DREAMWEAVER)


Artigos relacionados