Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Desarrollo Web / Crear animaciones con JQuery y Spritely

Crear animaciones con JQuery y Spritely

Autor jc mouse miércoles, julio 4, 2012

Spritely es un plugin para JQuery que te permite crear animaciones con puro javascript y así no tener que utilizar flash, aún esta en fase de desarrollo y le falta mucho para competir con flash, pero no por eso deja de ser una buena opción para animar páginas web sin tener que recurrir a flash.

Soporta varios navegadores incluido el IE, esta en la versión 0.6.1 y no pesa nada, trabaja bajo la licencia «Dual licensed under the MIT or GPL Version 2 licenses.» 

Para animar un banner con un movimiento, basta unas cuantas lineas de código:

<style type="text/css" media="screen">
<!--
#mi_div {
 height: 100px;
 width: 270px; 
 background: transparent url(../images/banner.png) 0 0 repeat-x;
}
-->
</style>

<div id="mi_div"></div>

<script type="text/javascript">
(function($) {
  $(document).ready(function() {  
     $('#mi_div').pan({fps: 30, speed: 0.5, dir: 'left'});  
  });  
})(jQuery);
</script>

Spritely también soporta animación de sprites, para añadir más dinamismo a las páginas web, puedes encontrar mas información en su pagina en ingles de Spritely. Ademas cuenta con muchos ejemplos bastante fáciles de entender

🙂

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Blog MVC – Consultas Ajax a la base de datos [p5]

Blog MVC – Consultas Ajax a la base de datos [p5]

Quinta parte de la serie de tutoriales «Creación de un blog siguiendo el patrón MVC (Modelo, Vista y Controlador)«. En e...

Abrir enlace web desde JLabel con Java

Abrir enlace web desde JLabel con Java

El siguiente código te permite abrir enlaces web desde un JLabel, ademas aprovechando el soporte a etiquetas HTML del co...

Transición de imágenes al estilo PowerPoint

Transición de imágenes al estilo PowerPoint

¿Qué es una transición? Una transición es un efecto de movimiento que se da entre una imagen y la siguiente en una prese...

Efecto Taringa! en vivo

Efecto Taringa! en vivo

En la pagina de Taringa, existe una sección donde se puede ver lo que pasa en ese foro al momento, «Taringa! en vivo» se...

Animación de personaje 3D

Animación de personaje 3D

Animación basica de personaje en 3d utilizando el BIPED de 3d Studio Max...

Actualizar JComboBox al cambiar valor de otro JComboBox

Actualizar JComboBox al cambiar valor de otro JComboBox

Cuando se trabaja con base de datos, estos datos son dinámicos, cambian con el tiempo y es necesario que esos cambios se...

Comparte lo que sabes

Categorias

Últimas entradas

En este post realizaremos un proyecto en VUE que se conectara a un REST API  y utilizara un servicio del mismo para obte...

En este post realizaremos una aplicación que pueda capturar nuestra voz y convertir en texto Pasar voz a texto con Andro...

Los JavaBeans son clases que encapsulan objetos en un solo objeto (beans). Son fáciles de crear y pueden contener muchos...

Basic 4 Android es un IDE (Entorno de Desarrollo Integrado) para Android basado en Basic (no es Visual Basic, pero se pa...

Herramientas

Generador de Enlaces a Whatsapp