Depuis les débuts de Dreamweaver, son « comportement » puissant et facile à utiliser est l'un des points chauds auxquels tout le monde prête attention. Dans Dreamweaver MX (DW MX), cette fonction a été étendue et améliorée.
Dans DW MX, le comportement fait référence à une opération (Action) effectuée en réponse à un événement (Événement). L'événement fait référence aux événements du navigateur, tels que l'actualisation de la fenêtre, le mouvement de la souris, etc. L'action fait référence au code JavaScript qui répond aux événements en arrière-plan et peut effectuer les opérations correspondantes, telles que la lecture de sons, le retournement d'images, etc.
L'utilisation de DW MX pour créer un menu déroulant de navigation est l'un des effets spéciaux souvent utilisés dans les pages Web. (Figure 1) Utilise principalement le comportement « Afficher-Masquer les calques » dans DW MX.
Figure 1
Créez d'abord la barre de navigation (la colonne "Centre produit" dans la figure 1), puis ajoutez un calque comme emplacement où le menu déroulant sera affiché, et remplissez les colonnes correspondantes du menu déroulant.
Ensuite, ouvrez le panneau "Comportements" et sélectionnez le lien "Centre de produits" (notez que vous ne pouvez pas sélectionner le calque nouvellement créé pour le moment, sinon le comportement "Afficher-Masquer les calques" ne peut pas être appliqué), cliquez sur le signe "+" , et sélectionnez "Afficher-Masquer les calques", vous pouvez voir que le calque que nous venons de créer est dans la sélection et peut être configuré pour être masqué ou affiché (Figure 2).
Figure 2
La merveilleuse utilisation du comportement se reflète principalement dans : Si nous voulons implémenter un menu déroulant, la clé est de faire en sorte que le calque s'affiche lorsque la souris passe sur le lien "Product Center" et de masquer le calque lorsque la souris quitte le lien ; le lien. Sur la base de cette idée, nous avons d'abord configuré deux actions pour ce calque, l'une choisit Masquer et l'autre choisit Afficher. Ensuite, ajustez l'événement et définissez l'événement Masquer le calque sur OnMouseOut, ce qui signifie que la souris quitte le lien ; et définissez l'événement Afficher le calque sur OnMouseOver, ce qui signifie que la souris sélectionne le lien. Appuyez sur "F12" pour prévisualiser et vous pourrez voir l'effet que nous attendons.
De cette façon, le menu déroulant de navigation que nous trouvons habituellement mystérieux peut être facilement implémenté dans le comportement. Vous pouvez également continuer à appliquer le comportement « Échanger l'image » sur les liens de navigation pour obtenir un effet de retournement d'image lorsque la souris clique sur le lien.
Les comportements ne sont pas des effets spéciaux isolés. Ils peuvent être combinés et superposés par plusieurs comportements pour réaliser des fonctions complexes. En plus des comportements par défaut définis par DW MX, nous pouvons également télécharger des comportements tiers plus intéressants depuis www.mcromedia.com. il suffit de les copier directement dans le répertoire DreamweaverMXConfigurationBehaviorsActions pour rendre ce point brillant de DW MX encore plus éblouissant.