Menu accordéon horizontal javascript (1ko)

Publié le 27 mai 2008 par Myrmex

Le blog Web Development Blog de Michael Leigeber est une mine d’or… les scripts proposés sont de toutes petites tailles et proposent des fonctionnalités que l’on croyait uniquement possible avec les Framework (MooTools etc.)… d’autres articles seront à venir de ce blog…

Mais aujourd’hui, je focalise cet article autour de son script qui permet d’afficher un menu accordéon horizontal . L’auteur, Michael Leigeber, avait vu un menu semblable sur la page d’accueil du site mootools et il a reproduit cette fonctionnalité à travers un script aussi léger que possible. Mission accomplie, le script pèse 1 ko !

Le script s’adapte automatiquement au nombre d’éléments à insérer dans le menu accordéon et à la dimension du menu accordéon.

Pour insérer ce menu sur vos pages web, 3 opérations sont nécessaires :

Ajouter le fichier slidemenu.js dans le “Head”, “/Head”
Ajouter la ligne onload=”slideMenu.build(’sm’,200,10,10,1)” dans le “body”
Ajouter un liste a puces avec “id=”sm” class=”sm”" dans le tag “ul”

Rien de bien complexe et la beauté de votre menu ne dépendra plus de la qualité de vos images… Et l’auteur autorise l’utilisation de son script aussi bien dans projets personnels que professionnels.