2011/02/01 下のような4つの部位がある1枚の画像に対して、CSSのclipプロパティを使って 必要な部分を切り出し、その画像をアニメーションさせます。 手順 CSSのみで表示 jQueryのみで表示 汎用化 アニメーションさせる アニメーションさせたまま動かす CSSのみで表示 #img1 { position: absolute; /*必須*/ top: 0; left: 0; clip: rect(0px, 48px, 32px, 0px); } jQueryのみで表示 jQueryで画像を生成し、CSSを指定します。 1枚分の高さの32pxだけtopを減算することで、2番の画像を適正な位置に表示することができます。 jQuery(document).ready(function($){ $('<img>') .attr({ 'id':'img2', 'src':'img.p