Over a million developers have joined DZone.

jQuery.Spritely: Create Dynamic Character & Background Animation in HTML & JavaScript

DZone's Guide to

jQuery.Spritely: Create Dynamic Character & Background Animation in HTML & JavaScript

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

jQuery. Spritely is a jQuery plugin for creating dynamic character and background animation in pure HTML and JavaScript.  It's a simple, light-weight plugin with a few simple methods for creating animated sprites  and dynamic scrolling backgrounds.   You can use it on any HTML web page, and any part of the page can interact with a sprite.


  • It works well on iPhone/iPod Touch/iPad - check out this page on an iPhone. (Please note that there is a problem with the current version of Mobile Safari on the iPad - see the documentation page for more information.)
  • It has been tested successfully on all the major browsers - even Internet Explorer 6
  • It's a great alternative to Flash if your desired platform does not support it.
  • It's light-weight so you can do fill the whole window with movement without draining bandwidth.
  • 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.
  • You should be able to make fully accessible web pages in pure html and JavaScript without any problem

Browser Support

  • Internet Explorer 6 +
  • Firefox
  • Safari
  • Chrome
  • Opera

Mobile Support

  • Android
  • iPhone
  • iPad
  • iPod Touch

What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.


Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}