Script du jour :
Avec Mootools et l’extension Slide/Scroll, voici un petit script qui déplie une liste (oooh) et fait glisser le contenu correspondant (aaah) – truc en plus : ça marche aussi avec les flèches du clavier haut et bas :-)
aperçu / source
Quelques règles :
Structure à conserver (liste de liste xhtml valide w3c) :
<ul><li> <h3 class="item">Linéales</h3> <ul> <li><a href="#">Helvetica</a></li> <li><a href="#">Futura</a></li> <li><a href="#">Myriad</a></li> <li><a href="#">Univers</a></li> </ul></li>
et autant de sous lien que de div dans slide (
<div id="slide"> ... </div>
)
enjoY !
suggestions : j'ai un blog et un site. mootools 1.2 !. 5 langages. mootools + css + highlight. javascript dans ie.
tags : css, javascript, mootools, slide, xhtml