[JS]ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2
Post on:2008年8月26日
sponsors
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のベースとなっているのは、下記ページとのことです。
sponsors
