【CSS, jQuery】clipで切り出した画像のアニメーション

いくつかの部分にわかれた1枚の画像に対して、CSSのclipプロパティを使って
必要な部分を切り出し、その画像をアニメーションさせます。

【解説ページ】
下記のページに詳しくまとめました。
http://www.usamimi.info/~sutara/sample/clipAnim/

【簡単な概念図】
(アニメーション)
CSSのclipプロパティを使っているため、単純にsrc属性を書き換えて画像を変更することで
アニメーションさせる方法はできません。

(位置移動)
単にCSSのtopとleftを書き換えるだけです。
並行して行われているアニメーションのことは考える必要はありません。