Contenido

Animator.js, animación en JS y CSS

4 nov

+ 3

Animator.js, es una librería muy chula que se encarga de facilitar la árdua tarea de conseguir efectos a nuestros elementos. Con ella podrás convertir una web estática con contenido en una web amena y dinámica con el mismo contenido, es excelente para enriquecer los formularios de nuestras páginas.

La forma de uso es bastante cómoda y fácil de entender:

// This object controls the progress of the animation
ex1 = new Animator()
// the Animator's subjects define its behaviour
ex1.addSubject(updateButton);
function updateButton(value) {
    $('ex1Button').innerHTML = "Progress: " + Math.round(value * 100) + "%";
}
// now click below: each click to the button calls ex1.toggle()

[Descargar][Demo] [Via]

  • Hace un par de días que he intento hacer un efecto y no me termina de salir bien.
    El efecto en cuestión seria aparecer un div desde la parte derecha que ocupe verticalmente hasta el 50% de la pantalla pero que a la vez, cuando salga el resto (la tabla que hay cuando no esta el div abierto) se acople a la otra mitad.

    Tenia pensado hacerlo con mootools pero aun después de ver los minitutoriales que tienes por aquí no he logrado ver bien como usar la propiedad de custom() en el script para que me funcione.

    Alguien sabe como hacerlo??
    Creéis que esta librería puede ser una alternativa?
    Las mootools me dan mas opciones pero bueno cambiar es de sabios…

  • Buenas Antares, no he podido probar mucho los efectos de mootools, pero te aseguro que siempre es una buena opción. Esta librería quizas se ajuste más si únicamente vas a hacer este efecto.

    Has de cambiar si realmente necesitas el cambio ;)

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.