Desde a estreia do Dreamweaver, seu "Comportamento" poderoso e fácil de usar tem sido um dos pontos quentes que todos prestam atenção. No Dreamweaver MX (DW MX), essa função foi ampliada e aprimorada.
No DW MX, comportamento refere-se a uma operação (Ação) realizada em resposta a um evento (Evento). Evento refere-se a eventos do navegador, como atualização de janela, movimento do mouse, etc. Ação refere-se ao código JavaScript que responde a eventos em segundo plano e pode concluir operações correspondentes, como reproduzir sons, virar imagens, etc.
Usar DW MX para criar um menu suspenso de navegação é um dos efeitos especiais frequentemente usados em páginas da web. (Figura 1) Usa principalmente o comportamento "Mostrar-ocultar camadas" no DW MX.
Figura 1
Primeiro faça a barra de navegação (a coluna "Product Center" na Figura 1), depois adicione uma camada como local onde o menu suspenso será exibido e preencha as colunas correspondentes do menu suspenso.
Em seguida, abra o painel "Comportamentos" e selecione o link "Product Center" (observe que você não pode selecionar a camada recém-criada neste momento, caso contrário o comportamento "Mostrar-Ocultar Camadas" não poderá ser aplicado), clique no sinal "+" , e selecione "Mostrar-Ocultar Camadas", você pode ver que a camada que acabamos de criar está na seleção, podendo ser configurada para ocultar ou mostrar (Figura 2).
Figura 2
O maravilhoso uso do comportamento se reflete principalmente em: Se quisermos implementar um menu suspenso, a chave é fazer com que a camada seja exibida quando o mouse passar sobre o link "Product Center" e ocultar a camada quando o mouse sair; o link. Com base nesta ideia, primeiro configuramos duas Ações para esta camada, uma escolhe Ocultar e a outra escolhe Mostrar. Em seguida, ajuste o Evento e defina o Evento Hide Layer como OnMouseOut, o que significa que o mouse sai do link e defina o Evento Show Layer como OnMouseOver, o que significa que o mouse seleciona o link; Pressione “F12” para visualizar e você poderá ver o efeito que esperamos.
Desta forma, o menu suspenso de navegação que normalmente achamos misterioso pode ser facilmente implementado no comportamento. Você também pode continuar a aplicar o comportamento "Trocar imagem" nos links de navegação para obter um efeito de inversão de imagem quando o mouse clicar no link.
Os comportamentos não são efeitos especiais isolados. Eles podem ser combinados e sobrepostos por vários comportamentos para obter funções complexas. Além dos comportamentos padrão definidos pelo DW MX, também podemos baixar mais comportamentos interessantes de terceiros em www.mcromedia.com. só precisa copiá-los diretamente para o diretório DreamweaverMXConfigurationBehaviorsActions para tornar este ponto brilhante do DW MX ainda mais deslumbrante.