double slide

17 mai 2010 | programmation | 2 commentaires

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 !