一枚の画像で作成するCSSスプライトに、スライドやフェードのアニメーションを加えるスクリプト「SpriteMenu」を紹介します。
デモでは、イージングを使用したスライドとフェードのアニメーションが紹介されています。
使用している画像はどちらも同じで、下記のようになっています。
CSSスプライト用の画像（クリックで拡大）
ナビゲーションはリスト要素で実装されており、スクリプトのオプションではナビゲーションのサイズ、アニメーションのエフェクト、スピード、イージングなどを変更できます。
SpriteMenuはjQueryのプラグインのため、実装にはjquery.jsが必要です。
Post on:2009年6月18日
