[JS]CSSスプライトにアニメーション効果を加えるスクリプト -AutoSprites

ナビゲーションなどによく使用されるCSSスプライトにアニメーション効果を加えて簡単にセットアップできるスクリプトをNew Media Campaignsから紹介します。

デモのキャプチャ

AutoSprites - A jQuery Menu Plugin
demo

デモでは、リスト要素で実装されたナビゲーションに一枚の画像を使用して各ラベルのマウスオーバーのアニメーション効果をつけています。

アニメーションは不透明度をコントロールしたもので、スクリプトのオプションでスピードなどを調整することができます。

AutoSpritesはjQueryのプラグインのため、実装にはjquery.jsが必要です。

top of page

©2017 coliss