Introduction à la réalisation d'un menu masqué
Objectifs
Les objectifs de cette vidéo sont de vous apprendre à :
- Positionner et styliser un menu en CSS.
- Utiliser jQuery pour gérer l’affichage et le masquage des menus et des pages.
- Animer l’ouverture et la fermeture des menus.
- Prévenir la propagation des événements de clic.
Résumé
Découvrez comment réaliser un menu masqué qui s’ouvre et se ferme en utilisant jQuery et CSS.
Description
Dans cette leçon, vous apprendrez à créer un menu masqué ou ouvert-fermé à l’aide de jQuery et de CSS. Nous commencerons par positionner le menu et définir ses styles de base. Ensuite, nous utiliserons jQuery pour capturer les clics sur le menu et sur les éléments de la page afin de gérer l'affichage et le masquage des pages du site. Nous détaillerons également comment utiliser les méthodes animate et stopPropagation pour gérer les animations et les événements de clics. Enfin, nous examinerons comment structurer notre HTML avec des div et des classes pour simplifier cette mise en œuvre.
En appliquant ces concepts, vous pourrez non seulement créer des menus dynamiques et interactifs, mais aussi améliorer la navigation et l’expérience utilisateur de vos sites web. Cette leçon vous fournira une compréhension plus approfondie des capacités de jQuery en matière de manipulation du DOM et d’interactions utilisateur.
Dommage que M Audoux ne va pas toujours au terme de ses exemples. Il manque souvent un petit "clic" qui finaliserait le cours.
Je rejoins le commentaire précédent, à savoir qu'il manque les fichiers de travail avec lesquels il serait plus facile de s'exercer.
Est il possible d'avoir les exemples afin de pouvoir travailler dessus et ne pas être obliger de jongler entre l'éditeur et la vidéo.
Merci.