Menus dynamiques
Vous trouverez ici un système de menu de navigation dynamique fonctionnant avec les navigateurs modernes.
Le menu est facilement personnalisable grâce aux
CSS.
Il est compatible avec les anciens navigateurs qui offriront un menu statique à la place.
Précautions d’utilisation
Il faut garder à l’esprit que ces menus n’ont pas leur
place sur un site grand publique car les utilisateurs déplacent leur
souris uniquement quand ils savent ou ils vont cliquer. Les menus
dynamique sont donc déroutant pour les utilisateurs ocassionnels.
Ils peuvent par contre être utilisés dans une application Web
qui doit être utilisée régulierement.
Malgré les efforts consentis pour le rendre compatible avec un maximum
de navigateurs, il est possible qu’il ne fonctionne pas sur 100% des configurations.
Caractéristiques de ces menus
- Code xHTML propre, léger, facile à modifier.
- Le référencement est garanti.
- Code Javascript totalement externalisé.
- Compatible avec les navigateurs modernes.
- Sémantiquement corrects car conçus avec des listes.
- Contenu dégradé acceptable pour les vieux navigateurs.
Deux exemples de menu
Connaissances requises pour l’intégration
Pour adapter ce système de menu à vos besoins, il serait bien d’avoir quelques notions dans les styles
CSS. Vous trouverez d’excellents tutoriels sur le sujet
dans la section CSS
d’OpenWeb.
Compatibilité
Navigation à la souris
- Navigation correcte avec IE 5
IE 5.5 et IE 6,
- Navigation correcte avec Mozilla 1.5 et théoriquement sous tout navigateur Gecko,
- Navigation correcte avec Opera 7
- Navigation correcte avec Safari 1.1
- Navigation satisfaisante avec Konqueror
- D’autres tests sont les bienvenus.
Navigation au clavier
- Navigation correcte avec IE 5
IE 5.5 et IE 6,
- Navigation correcte avec Mozilla 1.5 et théoriquement sous tout navigateur Gecko,
- Navigation correcte avec Konqueror
- Navigation correcte avec Opera 7.
Améliorations possibles
Fournir la possibilité de retarder la fermeture du menu
Toute proposition d’amélioration est la bienvenue.