Comment faire pour créer une zone de liste déroulante avec des liens

La plupart des sites présentent des éléments de navigation en utilisant des blocs d'options qui fonctionnent soit en haut de la page ou vers le bas l'un de ses côtés. Parce que ces structures de navigation présentent toutes les options disponibles, ils offrent une grande quantité d'informations contextuelles. Toutefois, ils occupent aussi un espace d'écran considérable. Designers avec une quantité limitée d'espace peuvent plutôt choisir d'utiliser des menus déroulants contenant une liste d'éléments qui ne se dilate lorsqu'il est sélectionné. Créer ce genre de structure de navigation sur votre page Web en utilisant HTML et javascript.

Instructions

  1. Ouvrez votre page Web et afficher son code. Si vous utilisez un éditeur de texte, ouvrez simplement votre page dans l'éditeur et sélectionnez la ligne de code où vous voulez dans le menu déroulant ajouté. Si vous utilisez un éditeur web visuelle place (par exemple Adobe Dreamweaver ou Microsoft Expression Web), ouvrez votre page et cliquez sur la page emplacement où vous souhaitez que le menu déroulant apparaisse. Après cela, modifier votre mode de visionnement de Code. Cela vous montre le code HTML qui détermine le contenu et l'apparence de votre page.

  2. Appuyez sur la "Entrer" touche pour créer une ligne vide.

  3. Copiez et collez le code suivant sur la ligne blanche:

  4. Mettre à jour les paramètres de liaison pour répondre à vos besoins de conception. Entrez le texte par défaut en haut de la liste en modifiant directement la valeur après la

  5. Enregistrez votre page Web, puis l'ouvrir dans votre navigateur. Sélectionnez une option dans la liste déroulante, puis cliquez sur le bouton adjacent pour accéder à l'élément sélectionné.

» » » » Comment faire pour créer une zone de liste déroulante avec des liens