create sprite animation with jQuery.spritely

spritely is a jQuery plugin that allow you to create dynamic character and background animation in pure HTML and JavaScript without using flash. It’s very easy to use and light-weight, user can easily create animated sprites such as the birds you see on This page, and dynamic scrolling backgrounds.


The Plugin use only two key methods, sprite() and pan() both of which simply animate the background-image css property of an element. The difference between the two is that a ‘sprite’ image contains two or more ‘frames’ of animation, whereas a ‘pan’ image contains a continuous image which pans left or right and then repeats.

You can use it on any html web page, and any part of the page can interact with a sprite (click anywhere on this page and wait and you’ll see what we mean).

Advantages of spritely :

  • support for iPhone/iPod Touch/iPad
  • It works in all major browsers including IE6.
  • Great alternative to Flash if your desired platform does not support it ( like iPad ).
  • light-weighted
  • animated objects can also fly above the text of a web page, or you could animate a background, without affecting other elements on the page.
  • Easy to make fully accessible web pages in pure html and JavaScript without any problem.


You might also like
Show Comments (1)

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

Add to Collection

No Collections

Here you'll find all collections you've created before.