article(s) dans votre panier VOIR

Un menu déroulant avec transition grâce à HTML5 et CSS3

  • Vidéo 17 sur 32
  • 4h15 de formation
  • 32 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Un menu déroulant avec transition
00:00 / 04:14
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans cette vidéo, Thierry Audroux reprend le menu en transition qu’il a réalisé dans une précédente leçon. Nous allons désormais l’améliorer avec du langage JavaScript et du jQuery. Ce menu est déroulant, mais déroulant « cut ». Au moment de passer sur un onglet du menu, nous allons essayer de le faire défiler, déroulé de haut en bas. C’est une base que nous avons déjà créée au niveau du HTML. Celle-ci est très simple, elle est constituée d’un '

    ' ainsi que de différents niveaux de '
  • '. Dans les styles CSS, il n’a pas grands chose de plus à ajouter, il faut simplement bien voir que l’on souhaite aux éléments '
      ' lorsque le premier
    • est « hover ». Désactiver le « display :none » vous permettra d’afficher les menus dans leur intégralité. Cette manipulation est nécessaire si l’internet n’utilise pas JavaScript car sans ce langage il ne pourrait pas naviguer dans ce menu. Il également possible de désactiver le « display :block » car il n’a plus d’utilité, vu qu’il va être réalisé en JavaScript. Dans la suite de cette vidéo, le formateur s’attaque au script de son menu déroulant.