How to split the image using Javascript + CSS ?

Answer 1

Set it as a background image and manipule the background position.

Update: As seth mentioned, the technique is called CSS Sprites. Searching google for animation with css sprites turns up some good results.

Answer 2

Here's an article from SitePoint on sprite animation using jQuery.

Answer 3

There are at least two techniques

• Use image as background
• Use CSS clip

Here is a good example of use of first technique.