Dans ce didacticiel, je vais vous montrer comment créer un menu de navigation génial et polyvalent. Il comporte des bulles de notification, un Mega Menu et des sous-menus illimités (comme nous le ferons avec nos sélecteurs CSS). Il y aura de bonnes transitions CSS3, plus nous écrirons un plugin jQuery pour sauver les anciens navigateurs qui ne supportent pas les effets..
Dans cette première section, nous allons nous concentrer sur la construction et le style de notre menu de base, y compris le sous-menu..
Dans cette partie, nous allons ajouter des effets CSS3. un simple effet de fondu enchaîné, plus une transition glissante plus élaborée.
Commençons maintenant à construire notre méga-menu, en commençant par le balisage…
Pour finir, écrivons maintenant un plugin jQuery qui servira de sauvegarde des effets pour les navigateurs existants..
Appendice: Dans cette dernière section, à 4m50s, j'ai omis le mot clé var (il en résulte une variable globale au lieu d'être locale). Cela fonctionne toujours bien sûr, mais une variable locale est préférable.