Na visualização Design ou Código do documento do Dreamweaver, selecione o elemento ao qual você deseja aplicar um efeito do jQuery.
Crie sites atraentes usando efeitos divertidos do jQuery. A integração do Dreamweaver com o jQuery permite incluir efeitos como controles deslizantes sem ter que escrever códigos.
Na visualização Design ou Código do documento do Dreamweaver, selecione o elemento ao qual você deseja aplicar um efeito do jQuery.
Selecione Janelas > Comportamentos para abrir o painel Comportamentos.
Clique no ícone de adição, clique em Efeitos e clique no efeito desejado.
O painel de personalização com as configurações do efeito selecionado é exibido.
Especifique as configurações, como o elemento de destino ao qual o efeito deve ser aplicado, e a duração do efeito.
O elemento de destino pode ser igual ao elemento selecionado inicialmente ou a um elemento diferente na página. Por exemplo, se desejar que os usuários cliquem em um elemento A para ocultar ou mostrar um elemento B, o elemento de destino é B.
Para adicionar vários efeitos do jQuery, repita as etapas acima.
Ao selecionar vários efeitos, o Dreamweaver aplica os efeitos na ordem em que são exibidos no painel Comportamentos. Para alterar a ordem dos efeitos, use as teclas de seta na parte superior do painel.
O Dreamweaver insere automaticamente o código relevante no documento. Por exemplo, se você selecionar o efeito “Fade”, o seguinte código será inserido:
<script src="jQueryAssets/jquery-1.7.2.min.js" type="text/javascript"></script><script src="jQueryAssets/jquery-ui-effects.custom.min.js" type="text/javascript"></script>
<li id="earthFrm" onclick="MM_DW_effectAppearFade($('#earthForms'),'show','fade',1000)"> Earth Forms</li>
<script type="text/javascript"> function MM_DW_effectAppearFade(obj,method,effect,speed) { obj[method](effect, {}, speed); }</script>
Quando você aplica um efeito do jQuery, ele é atribuído ao evento onClick por padrão. Você pode alterar o evento de disparo do efeito usando o painel Comportamentos.
Selecione o elemento de página obrigatório.
No painel Janelas > Comportamentos, clique no ícone Mostrar eventos de grupo.
Clique na linha que corresponde ao efeito que está atualmente aplicado. Observe que a primeira coluna se transforma em uma lista suspensa que fornece uma lista de eventos a serem escolhidos.
Clique no evento obrigatório.
Selecione o elemento de página obrigatório.
O painel Comportamentos lista todos os efeitos aplicados atualmente ao elemento de página selecionado.
Clique no efeito que deseja excluir e clique no ícone Excluir.
Fazer logon em sua conta