Menu accordéon horizontal javascript (1ko)

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.

menu accordeon

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 à puces avec « id= »sm » class= »sm » » dans le tag « ul »

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

Site Internet : Web Development Blog
Licence : Gratuit

En savoir plus sur Free Tools

Abonnez-vous pour poursuivre la lecture et avoir accès à l’ensemble des archives.

Continuer la lecture