Menu déroulant avec jQuery

Avril 2013

jQuery permet de créer et d'animer très facilement des menus déroulants (un menu qui se déplie en cascade comme le menu démarrer de Windows).

Pour cela, il vaut mieux utiliser un des nombreux plugins qu'on trouve sur internet, plutôt que de le développer soi-même (ce qui prend du temps et n'offre pas beaucoup d'intérêt technique puisque les plug-ins existants fonctionnent très bien, personnalisables et bien documentés).

Malheureusement, jQuery UI (une extension du framework jQuery orienté interface graphique) ne comporte pas encore de composant pour créer un menu déroulant.

Menu déroulant avec le bootstrap twitter

Si vous utilisez le bootstrap twitter, il y a un composant Javascript (basé sur jQuery) qui permet de créer des menus déroulants de manière très simple :

$('.dropdown-toggle').dropdown()

Dropdown menu déroulant avec le bootstrap twitter et jQuery

Après avoir lu convertir un document excel en pdf vous en saurez d'avantage sur ce sujet.

Tutoriel pour créer un menu déroulant soi-même

Si vous souhaitez créer vous-même un menu déroulant, voici un tutoriel qui montre comment créer un menu déroulant sur plusieurs niveaux (avec des sous-menus, des sous-sous-menus imbriqués...) en utilisant au maximum le CSS, avec un peu de jQuery pour gérer l'animation : http://css-tricks.com/simple-jquery-dropdowns/.

Liste de plugins jQuery de menu déroulant

Voilà une liste de plugins jQuery qui permettent de créer des menus déroulants :

Découvrez ce tutoriel photoshop : affiche "big fish" à lire tout de suite !

0 commentaire
facultatif
Facebook Twitter RSS Email
Forum Excel
Venez découvrir le nouveau forum excel question/réponse à la stackoverflow.com !
Forum Excel
hit parade n'en a rien a foutre du W3C Positionnement et Statistiques Gratuites Vincent Paré