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.
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 :
<link href="css/juizDropDownMenu.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- JS -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/juizDropDownMenu-1.5.min.js"></script>
Puis ciblage de l’élément à transformer :
$(document).ready(function() {
$("#dropdown").juizDropDownMenu();
});
</script>
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 :
- Glisse – Plugin jQuery – Faites défiler vos images
- Retour progressif des articles sur LudiBlog
- Chocolat – plugin jQuery – La visionneuse d’image pratique
- Chocolat – plugin jQuery – La visionneuse d’image pratique
- s3Slider – Plugin jQuery – Un slider simple pour vos sites web
scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">
[...] blog.ludikreation.com – Today, 4:16 PM [...]
[...] DropDown Menu – Plugin jQuery – Menu déroulant simple et efficace [...]
Hello,
Merci pour ton article
Attention il manque un “p” à la fin de l’URL du premier lien, ça provoque une 404.
Bonne continuation.
Bonjour Geoffrey et bienvenue sur ce blog
Merci pour la correction, c’est maintenant modifié.
@ bientôt
[...] DropDown Menu – Plugin jQuery – Menu déroulant simple et efficace [...]