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

Escritura y lectura de archivos CSV

Escritura y lectura de archivos CSV

Los archivos CSV (del inglés comma-separated values – separados por comas) son un tipo de documento en formato abi...

Mapas en HTML5 – Uniendo todo – Parte 6

Mapas en HTML5 – Uniendo todo – Parte 6

Última parte del tutorial «Mapas interactivos HTML5», vamos uniendo todo todo el código. En la parte 5 de este tutorial,...

Manipular colecciones de una forma sencilla

Manipular colecciones de una forma sencilla

Java proporciona Collection Framework, que define varias clases e interfaces para representar un grupo de objetos como u...

Espirógrafo online

Espirógrafo online

El espirógrafo es una herramienta para generar diseños geométricos conocidos como hipotrocoides (es la curva plana que d...

10 compiladores online para estudiantes

10 compiladores online para estudiantes

¿Quieres iniciarte en la programación? ¿Eres un programador impaciente que odia instalar cualquier software en su comput...

Simplifica tu código

Simplifica tu código

Project Lombok es una biblioteca para java que se conecta con su IDE (Integrated Development Environment – Entorno...

Comparte lo que sabes

Categorias

Últimas entradas

En muchas ocasiones es necesaria la personalización de componentes java para que estos se adecuen a nuestros requerimien...

En este post mostramos como personalizar el Header (encabezado) de un componente JTable en Java colocando iconos, centra...

El JTable de Java es un gran componente para mostrar datos en una tabla de una forma rápida y sencilla, sin embargo en v...

En este post veremos un ejemplo sencillo de como descargar desde Internet archivos de cualquier tipo (*.jpg, *.png, *.gi...

Herramientas

Generador de Enlaces a Whatsapp