22 de mayo de 2009

BySlideMenu, un plugin para MooTools


Los acordeones son elementos dinámicos que muestran un elemento al pasar con el ratón (o hacer click sobre él) ocultando los demás elementos que lo componen.
Esta es una técnica muy usada actualmente y utilizan js, ajax o flash para lograr este efecto

BySlideMenu, es un plugin para MooTools que nos permite hacer una gran variedad de acordeones con muy pocas líneas de código.

Para ello requerimos de una lista de elementos como:

<ul id="pinclickmenu">

<li><img src="http://www.blogger.com/uno.jpg" /></li>

<li><img src="http://www.blogger.com/dos.jpg" /></li>

<li><img src="http://www.blogger.com/tres.jpg" /></li>

<li><img src="http://www.blogger.com/cuatro.jpg" /></li>

</ul>

Cada <li> será uno de los elementos que compondrán el Acordeón.


Y algo de Javascript

var pinclickmenu = new BySlideMenu('pinclickmenu', {pinMode: 'click'});

Para ver más demos y descargar el plugin desde la página del proyecto.


Espero que les sea útil.

No hay comentarios:

Publicar un comentario