double slide

lundi 17 mai 2010 | programmation

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 !


tags : , , , ,

2 commentaires

Floriane le 11 Juin 2010 vers 8:58

Et si je veux déplier une liste mais sans que le contenu glisse/défile (que quand je clique sur un élément de la liste j’arrive directement sur l’image que je veux) comment je fais ??? est ce qu’il faut bidouiller le script ??? je cherche mais je déglingue tout :-/

ben le 12 Juin 2010 vers 14:52

tu peux modifier ces deux lignes :
tmp = (el.getElement(‘li a’));
tmp.fireEvent(‘click’, this);
en
//tmp = (el.getElement(‘li a’));
//tmp.fireEvent(‘click’, this);
ou les effacer

Comments are closed.