[JS]ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2

A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It's JavaScript Time demo 5 demo 6 CSS Spriteとは、スタイルシートで一枚の画像から複数箇所に配置をしたり、マウスオーバー時の画像指定を行うものです。 CSS Sprite2は、そのCSS Spriteにスクリプトを使用して、アニメーションのエフェクトつけたものです。 使用するスクリプトは、デモではjQueryが使用されていますが、PrototypeでもYUIなど他のスクリプトでも実装は可能です。 CSS Sprite2のベースとなっているのは、下記ページとのことです。

[t32k]

- Tags: #JavaScript #CSS

[muttyu]

ナビゲーション

[suksuk]

メニューにFlashはいらないようです。

[hurvinek]

かっこいい．

[hisasann]

アニメーション、ナビゲーション

[tpex_ovon]

めんどくさそうだな

[site159]

さらに拡張して、フラッシュみたいなアニメーション

[Naoki1]

ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2

[wims_Tea]

ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2