libreria_javascript

Accordion v2.0 - Efecto de Acordeón En Javascript Con Prototype y Scriptaculous

Viernes, Septiembre 21st, 2007

Accordion v2.0 es una librería que permite crear un efecto de acordeón en javascript para esto utilizando prototype como framework y scritpaculous para los efectos. El peso de la librería es de tan solo 6KB por lo que es bastante ligero y la funcionalidad y efectos que nos presenta es muy atractiva.

Crear Efecto de Acordeon En Javascript Con Prototype

Entre las características que nos presenta esta librería están las siguientes:

Creación de acordeones verticales (los clásicos).
Permite también la creación de Acordeones horizontales.
El tamaño del contenedor del acordeón se adaptara dinámicamente al tamaño del texto que contenga.
Permite definir el evento por medio del cual se activa el acordeón.
Permite cambiar la velocidad de apertura del acordeón.

- Accordion v2.0 (Para mas información y modo de utilización)
- Descargar Accordion v2.0 (Incluye página demo)

Anteriormente utilizaba el acordeón de Rico pero en definitiva creo que la dejare para utilizar esta.

Vía: Del Icio

Publicado en Desarrollo, General, Javascript, Javascripts, Librerias, Recursos, Web, ajax | wong it! | 4 Comentarios »

Efecto de Marquesina Hacia Arriba En Javascript

Sabado, Septiembre 8th, 2007

Hace unos días debido al diferente comportamiento que tiene la etiqueta <marquee> en los navegadores al querer utilizarlo como Scroll (Behavior=”Scroll” Direction=”up”) me dispuse a buscar alguna librería que emulara ese comportamiento y encontré esta Prototype.js News Scroller que era justo lo que necesitaba, lamentablemente no estaba creado como una librería asi que basandome en esa y en esta hice una clase la cual quisiera compartir con ustedes.

Para utilizarla simplemente incluyen el script e instancian el objeto NewsScroller

var scroll = new NewsScroller(‘marquesina’,10);

El primer parámetro es el ID del div que contiene el texto que queremos que actúe como marquesina y el segundo es la velocidad (predeterminado esta a 30).

Pueden ver un ejemplo de su utilización aquí.

[Descargar Scroll News]

Si duda algo sencillo pero que a veces da lata con eso de que cada navegador interpreta a su manera ciertas etiquetas.

Posts Relacionados:

Publicado en Desarrollo, General, Javascript, Javascripts, Personal, Programacion, Proyectos, Web | wong it! | 3 Comentarios »