DropDown Menu – Plugin jQuery – Menu déroulant simple et efficace

Une belle petite réalisation de plugin jQuery personnalisable qui permet de réaliser un menu déroulant et de transformer les menus ul>li à 2 niveaux d’imbrication (ul>li>ul>li>ul>li) en menus déroulants animés.

jquery-menu-deroulant-juiz-dropdown-menu

Le plugin DropDown Menu, va vous permettre de réaliser ce menu déroulant. c’est une réalisation Française, donc vous pourrez trouver toutes les informations nécessaires sur le site du ou des auteurs.

Je vais donc simplifier les explications d’utilisation de ce plugin jQuery :

Appel des css et librairies nécessaires au fonctionnement du plugin :

[pastacode lang= »markup » manual= »%3C!–%20CSS%20–%3E%0A%3Clink%20href%3D%22css%2FjuizDropDownMenu.css%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%20media%3D%22screen%2C%20projection%22%20%2F%3E%0A%3C!–%20JS%20–%3E%0A%3Cscript%20type%3D%22text%2Fjavascript%22%20src%3D%22http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F1.4.1%2Fjquery.min.js%22%3E%3C%2Fscript%3E%0A%3Cscript%20type%3D%22text%2Fjavascript%22%20src%3D%22%2Fscripts%2FjuizDropDownMenu-1.5.min.js%22%3E%3C%2Fscript%3E » message= » » highlight= » » provider= »manual »/]

Puis ciblage de l’élément à transformer :

[pastacode lang= »javascript » manual= »%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0A%20%20%20%20%20%20%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%24(%22%23dropdown%22).juizDropDownMenu()%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%3C%2Fscript%3E » message= » » highlight= » » provider= »manual »/]

Il existe des options et la possibilité de personnaliser ce menu, toutes les informations sur la page officiel du plugin jQuery DropDown Menu

Lien pour télécharger le plugin

Articles qui peuvent vous intéresser :

Author: Franck Pertegas

Share This Post On

2 Comments

  1. Hello,
    Merci pour ton article 🙂

    Attention il manque un « p » à la fin de l’URL du premier lien, ça provoque une 404.

    Bonne continuation.

    Post a Reply
  2. Bonjour Geoffrey et bienvenue sur ce blog 🙂

    Merci pour la correction, c’est maintenant modifié.

    @ bientôt

    Post a Reply

Trackbacks/Pingbacks

  1. DropDown Menu – Plugin jQuery – Menu déroulant simple et efficace | LudiBlog | Développement Web et sites | Scoop.it - [...] blog.ludikreation.com - Today, 4:16 PM [...]
  2. jPages – Plugin jQuery – Pagination à effet pour vos sites web | LudiBlog - [...] DropDown Menu – Plugin jQuery – Menu déroulant simple et efficace [...]
  3. pp3Diso – Plugin jQuery – l’affichage et la gestion d’une carte 2D isométrique | LudiBlog - [...] DropDown Menu – Plugin jQuery – Menu déroulant simple et efficace [...]

Submit a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *