Menu en accordéon horizontal et glissant en 1kb !

26/05/2008

Voici un excellent menu en accordéon horizontal animé qui tient en seulement 1 kb ! Le tout sans faire appel à une quelconque librairie javascript extérieure !

C'est Michael Leigeber qui en est à l'origine, de plus son script est compatible IE6, IE7, Firefox, Opera, et Safari ! Chapeau !

Allez, voici la demo !

Mise en place

1. On inclut slidemenu.js dans la page entre les balises HTML <head> et </head>

"text/javascript""slidemenu.js"

2. Et voici à quoi doit ressembler le code HTML du menu

"sm""sm"
"images/1.gif"""
"images/2.gif"""
"images/3.gif"""
"images/4.gif"""

3. Et voici un exemple de CSS à mettre à la fin de votre votre feuille de style

4. On initialise le menu

Les portions de code suivantes sont à ajouter soit entre des balises <script type="text/javascript"> //le code ici </script>, soit dans un fichier .js

slideMenu.build('sm',200,10,10,1);

Le morceau de code ci-dessus est à appeler au chargement de la page (onload), si vous ne savez pas comment faire, voici une des méthodes possible:

span class="st0">'function''sm',200,10,10,1);
});