Dev'nsound

Le menu « kwick » est initialement (si je ne me trompe pas) créé par Mootools, un menu assez sympa qui permet de dévoiler du contenu au passage de la souris (rollover). Vous pourrez consulter une version d’archive de ce qu’était initialement le menu pour vous donner une idée (et le plugin détaillé). Étant donné que la librairie jQuery s’est très vite développée et popularisée, des développeurs externes ont fait leurs propre version pour jQuery, en voici 6 parmi tant d’autres !

Smooth Image Menu

Sans doute le plus simple et le plus basique des menus kwicks ! Personnalisable à souhait, avec la durée de l’effet, l’utilisation du plugin Easing, la taille maximum et une action a la fin de l’effet. C’est aussi une pure et simple adaptation du plugin « Image Menu » de Phatfusion, développé avec Mootools.

Kwicks for jQuery

Comme son nom l’indique, des menus kwicks pour jQuery. De nombreux exemples sont disponibles, et la personnalisation est à l’aise de celui qui voudra créer son menu ! L’auteur propose le fameux menu « A la Mootools » et bien d’autres exemples assez créatifs (horizontaux, verticaux, avec du texte…).

jQuery Horizontal Accordion

Chacun nomme son plugin comme il le veut, cela reste un menu à la façon « Kwick ». Ici, un menu traditionnel, peu personnalisable mais qui fait son effet de part sa simplicité dans l’effet et dans le code ! La démo est directement intégrée au site et aucune archive téléchargeable n’est disponible.

Jquery Horizontal Slide Navigation

Une autre solution pour réaliser un menu kwick. Peu de personnalisation mais un effet de base assez sympathique.

Apple style menu

Un menu qui fait ce qu’on lui demande, mais avec une petite nostalgie pour Apple, étant donné que l’auteur reprends le design du menu du site de la firme à la pomme. Il explique dans son article comment le réaliser, de la maquette Photoshop à l’intégration CSS/xHTML/jQuery, ce qui fait au final un bon tutoriel, un des plus détaillés !

Horizontal Animated Menu

Pour finir, un dernier menu kwick très basique, peu personnalisable mais dont la source jQuery est commentée. Un plus pour savoir exactement ce que fais chaque étape du code !

Autant vous dire qu’il y en à pour tous les gouts ! Faites le bon choix, celui qui correspond au mieux à votre projet et à vos attentes fixées sur votre design.