Efecto Acordeon

agosto 3, 2007 at 11:39 am Deja un comentario

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

About these ads

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

DownThemAll: Impresionante Acelerador de Descargas para Firefox 30+ Templates para WordPress basados en 3 Columnas

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Trackback this post  |  Subscribe to the comments via RSS Feed



Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

%d personas les gusta esto: