07/06/2011, 10:55:54
Ca peut être entièrement réalisable en CSS.
En CSS2, tu auras un décalage vers le bas sans animation. En CSS3, et pour peu que ton navigateur le supporte, tu pourras en plus rajouter une animation.
Éventuellement un amélioration progressive en Javascript pour les navigateurs ne supportant pas les animations CSS3.
En CSS tout se fait grâce à la propriété :hover, tu définies une classe "parent" sur un parent... Et tu définis les éléments de niveau 2 en "display:none".
Au :hover sur ton élément parent tu fais çà :
li.parent:hover > ul { display : block ; }
Donc au survol ton menu enfant apparaitra.
J'ai fais court, très succinct mais si tu as besoin plus d'infos reviens ici :-)
En CSS2, tu auras un décalage vers le bas sans animation. En CSS3, et pour peu que ton navigateur le supporte, tu pourras en plus rajouter une animation.
Éventuellement un amélioration progressive en Javascript pour les navigateurs ne supportant pas les animations CSS3.
En CSS tout se fait grâce à la propriété :hover, tu définies une classe "parent" sur un parent... Et tu définis les éléments de niveau 2 en "display:none".
Au :hover sur ton élément parent tu fais çà :
li.parent:hover > ul { display : block ; }
Donc au survol ton menu enfant apparaitra.
J'ai fais court, très succinct mais si tu as besoin plus d'infos reviens ici :-)