* un menu avec des commentaires *

 

accueil (cours internet)

Pour créer un menu avec des commentaires ou des sous-menus qui apparaissent lorsque l'on passe la souris, on va utiliser les propriétés des calques.

  1. Insérer un calque à côté du premier élément du menu
    • Le placer à l'emplacement souhaité
    • Ajouter dans le calque les informations à afficher
    • Dans la fenêtre "calques" : le renommer
    • Le masquer
  2. Procéder de même pour les autres éléments du menu.
  3. [illustration]

  4. Sélectionner le premier élément du menu
    • Ouvrir le panneau "comportements"
    • Cliquer sur "+"
    • Choisir "Afficher/masquer les calques"
    • La liste des calques s'affiche : sélectionner celui qui correspond au menu puis cliquer sur "Afficher" ;
      pour chacun des autres calques, cliquer sur "Masquer"
    • Choisir l'événement qui déclenchera l'apparition du calque (OnMouseOver)

  5. Sélectionner ensuite le calque correspondant au sous-menu du 1er élément :
    on va indiquer que ce calque doit disparaître si on déplace la souris en-dehors de celui-ci
    • Cliquer à nouveau sur "+" et choisir "Afficher/masquer les calques"
    • Choisir "Masquer" pour ce calque
    • Choisir l'événement qui déclenchera la disparition du calque (OnMouseOut)

  6. Procéder de même pour les autres éléments du menu.

  7. Testez sur le navigateur : selon l'emplacement de votre menu, il est probable que vous découvrirez des zones où les mouvements de souris ne parviennent pas à effacer tous les sous-menus :
    • il faudra alors sélectionner ces zones et indiquer que le "OnMouseOver" doit y masquer tous les calques des sous-menus

Variante si le commentaire de tous les menus doit s'afficher au même emplacement >>

 

Eric
Pichon

retour haut de pageaccueil (cours internet)