[JS]CSSスプライトにスライドやフェードのアニメーションを加えるスクリプト -SpriteMenu

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

[rskmt346]

ナビゲーション

[akirasan76]

マウスオーバーでアニメーションメニュー

[hiro-rock]

CSS SpriteでもアニメーションさせるjQueryPlugins

[tsutomura]

すごくかっこいい…。

[paranod]

一枚の画像で作成するCSSスプライトに、スライドやフェードのアニメーションを加えるスクリプト

[toguo]

動きも良いしナビゲーションに使いたい

[toaruR]

これは実用的

[edo_m18]

CSSスプライトで指定するから簡単導入を目指すならありかも。

[mitchikeuchi]

一枚の画像で作成するCSSスプライトに、スライドやフェードのアニメーションを加えるスクリプト「SpriteMenu」を紹介します。デモでは、イージングを使用したスライドとフェードのアニメーションが紹介されています。