Vidéo: Développons cette app #22: Faire un menu vertical coulissant avec JavaScript 2024
Le menu CSS3 de base est sympa, mais il reste encore quelques modifications que vous pouvez effectuer. Il est particulièrement important de définir l'attribut title pour chacune des entrées de menu.
Par exemple, vous pouvez simplement utiliser title = "Aller à la page d'accueil" pour le bouton Accueil. L'ajout de l'attribut title fournit au spectateur une info-bulle lorsque vous passez le curseur de la souris sur la souris et fournit également des informations aux personnes utilisant des lecteurs d'écran.
Le menu ne fournit pas une méthode rapide pour changer la couleur du texte ou quoi que ce soit à propos de la police utilisée pour l'afficher. Comme avec d'autres exemples, vous pouvez utiliser différents types de modifications CSS pour affecter l'apparence du texte dans le menu.
Les boutons reposent sur. style splitmenubutton pour créer l'apparence du texte; les sous-menus s'appuient sur le ul. splitdropdown li un style. Essayez d'apporter ces modifications aux exemples de styles et vous verrez l'interaction entre les différents éléments du menu du bouton divisé.
. splitmenubutton {couleur: Jaune;} ul. splitdropdown li a {couleur: DarkOrchid; background: Lavender;}
Il est possible de modifier le menu du bouton de division pour répondre à tout besoin que vous pourriez avoir. La chose importante à retenir est de faire autant de changements que possible en dehors des fichiers originaux. Apporter des modifications aux fichiers vous posera des problèmes à un moment donné, car Dynamic Drive mettra probablement à jour les exemples.
