Efecto Acordeon

Agosto 3, 2007

Ya les comentaba de una clase para realizar este efecto con el framework javascript script.aculo.us. Ahora vía Ajax Rain, descubro una nueva clase para realizarlo.

Simple Acordeon

Los chicos de Deziner Folio, además creadores de dfGallery, nos muestran Simple Javascript Accordions, una clase que en lo personal me impresiono bastante por su bajo peso y su gran fluidez alcanzada y todo esto sin depender de ningún framework.

Las características notables que se comentan son:

  • Su Tamaño: Tan solo pesa 1,149 bytes.
  • Muy fácil integración.
  • No depende de ningún framework, realiza todo por si solo.
  • Tiene la posibilidad de usar como un Sistema de Tab. (miren este ejemplo)
  • Compatible con prácticamente todos los navegadores.

Su uso es realmente simple, su forma de iniciación es así:

new Accrodian(id,speed,class);

En donde:

  • id: Quiere decir la ID de donde quiere generar el efecto acordeón.
  • speed: La velocidad con la cual quieres que fluyan las capas.
  • class: clase asociada al acordeón (aquí puedes modificar muchas cosas, por ejemplo si quieres horizontal, vertical, como tab, etc, hasta donde llegue tu imaginación).

En lo personal lo probé en varios navegadores, (Firefox, IE, opera, safari) y funciono en todos bastante bien, sin duda una gran clase que realiza lo que uno quiere sin desperdiciar nada, dale un vistazo a los ejemplos y te darás cuenta de la potencia de este script.

Enlace: Simple Javascript AccordionsDemoDescarga (vía AjaxRain)
.

Ver VideosTe VerdeVideos 3GP3GPsomos tu y yo

Entry Filed under: CSS, JavaScript - AJAX, Recursos, Web 2.0. .

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


Lo Más Visto

1356

Recomendados