Créez un menu CSS3 polyvalent et génial avec jQuery Fallback

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..


introduction



Menu de base

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..



Effets CSS3

Dans cette partie, nous allons ajouter des effets CSS3. un simple effet de fondu enchaîné, plus une transition glissante plus élaborée.



Mega Menu

Commençons maintenant à construire notre méga-menu, en commençant par le balisage…



Effets jQuery

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.