Pour ce lundi matin, je vais simplement présenter un autre plugin de menu déroulant JQuery. JQueryUI Potato Menu nécessite, comme son nom l’indique, le plugin JQuery UI en plus du framework JQuery.

La particularité de ce plugin est qu’il gère les menu horizontaux (comme sur l’image ci-dessus) et les menus verticaux (c’est d’ailleurs la seule option possible à l’initialisation du menu). Sur mon poste, les effets d’apparition et de disparition des sous-menus sont bien fluides, ils apparaissent instantanément.

Enfin, les menus déroulants sont facilement personnalisables en CSS. Il n’y a pas 35 classes imbriquées comme j’ai pu le voir avec certains plugins JQuery. Tout est très bien expliqué sur la page de démo et d’explications du plugin.

Il existe plusieurs plugins JQuery pour faire des menus déroulants multi-niveaux. Après avoir présenté et fait un tutorial sur le plugin JQuery Droppy, j’ai découvert un plugin qui peut être une bonne alternative à Droppy : « jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles » (le plugin n’a pas vraiment de nom…).

Le plugin JQuery propose des simples menus déroulants sur une infinité de niveaux (il suffit pour cela de concaténer les listes non-ordonnées <ul>) mais également ce qu’il appelle des menus « iPod Drilldown ».

Pour essayer de le décrire, c’est également des menus déroulants multi-niveaux, mais l’affiche se fait uniquement dans un sous-menu et on navigue dans ce sous-menu. Pour être plus clair, je t’invite à voir la démo de ce type de menu déroulant. En terme d’ergonomie, je préfère ce type de menu, c’est bien plus simple à naviguer dedans qu’un simple menu déroulant.

L’affichage est bien entendu personnalisable en CSS, en se référant aux différentes class des blocs générés par le plugin JQuery.