Menu déroulant 30+ scripts utiles pour améliorer la navigation dans l'en-tête
Menu déroulant (également appelé menu déroulant) est un élément essentiel de la plupart des concepteurs de sites Web. Il joue un rôle important dans la création d’un site Web efficace et convivial. C’est une bonne solution pour réduire le long menu qui occupe trop d’espace à l’écran et les fait afficher dans un modèle plus organisé de catégories-sous-catégories..
Dans cet article, nous aimerions vous montrer certaines des meilleurs scripts de menu déroulant nous arrivons à savoir. Ce menu déroulant varie de CSS seulement, CSS et Javascripts et un menu qui fonctionnera avec votre bibliothèque Javascript actuelle comme jQuery, MooTools et Prototype. Liste complète après le saut.
Voici quelques articles liés qui pourraient vous intéresser:
- Construction de tableaux HTML
- Kits de démarrage pour les concepteurs Web
- Scripts de navigation basés sur des onglets CSS
CSS (seulement)
Si vous craignez que Javascript ne soit désactivé sur le navigateur du client, ces menus déroulants contenant uniquement des fichiers css ne vous feront pas défaut..
Cadre de menu déroulant CSS. Le titre dit tout. C'est un framework, publié sous licence GNU General Public. Compatible avec tous les navigateurs, léger et facilement transformable pour imiter de nombreux menus déroulants existants. Par exemple, Flickr, Adobe et MTV.com.
Menu déroulant Ultimate CSS uniquement
Menus déroulants CSS Express. Vous aider à produire un menu déroulant CSS rapide (express) sans certaines des limitations trouvées dans certains autres menus CSS "purs".
CSS + Javascripts
Avec l’aide de Javascript, les menus déroulants sont plus interactifs ou du moins, ils reçoivent une animation subtile qui améliore l'expérience de l'utilisateur. CSS d'autre part, assurez-vous que l'apparence est facilement personnalisable.
Menu de navigation de tous les niveaux (v2.2). Menu basé sur une liste CSS / HTML avec prise en charge d’un nombre infini de sous-menus. Il est léger et facile à mettre en œuvre.
Onglets déroulants (5 styles). Les onglets déroulants sont un menu à onglets CSS horizontal qui prend en charge un menu déroulant de deuxième niveau pour chacun de ses onglets. Livré dans 5 styles différents.
Menu déroulant CSS CSS. Chrome Menu est un menu déroulant hybride CSS et JavaScript. Il est facile à configurer et à utiliser pour les moteurs de recherche. La barre de menus principale consiste en une liste CSS, tandis que les menus déroulants sont simplement des balises DIV classiques sur la page..
jQuerys
Si vous avez implémenté la bibliothèque Javascript de jQuery sur votre site, voici quelques menus déroulants vraiment cool basés sur jQuery que vous devriez connaître..
Menu de navigation fluide . Smooth Navigation Menu est un menu à plusieurs niveaux basé sur des listes CSS, optimisé à l’aide de jQuery, qui facilite la navigation sur les sites Web. Voici un autre similaire - jQuery Multi Level CSS Menu.
Superfish. Superfish est un plugin jQuery de menu de style Suckerfish amélioré qui prend un menu déroulant CSS pur existant (afin qu’il se dégrade gracieusement sans JavaScript). [Démo | Télécharger]
Mega Menu déroulant. Un menu déroulant qui contient plus que la nouvelle ligne de liens. Cela facilite également les liens de groupe et facilite la nagivation! [Démo]
MooTools
Menu déroulant JavaScript avec Mootools. Un moyen facile et discret de créer un menu déroulant avec Mootools 1.2. [Démo | Télécharger]
Menu déroulant UvumiTools. Menu simple à plusieurs niveaux construit à partir d'une liste HTML désordonnée à l'aide de la structure Javascript de Mootools.
Menu déroulant Mootool discret
Mimiques
Concevoir l'en-tête Digg. Didacticiel pas à pas sur la création d’un menu déroulant qui ressemble vraiment à celui de Digg. [Démo | Télécharger]
Misc.
izzyMenu. Créez des menus CSS de qualité professionnelle pour votre site Web en ligne, sans écrire une seule ligne de code, ni tout simplement utiliser ceux qui sont prêts à l'emploi.
Menu PureCSS. Générateur de menu déroulant CSS gratuit
