CSSスプライトをフェードアニメーションさせるJQueryプラグイン「hoverfade」の使い方 | 株式会社WEB企画マウスオーバー時にフェード処理をさせるJQueryプラグインは沢山あります。シンプルで実装が簡単なものからアニメーションの細かい設定が出来るものまで様々あります。 しかし、これがCSSスプライトで作ったコンテンツに対してとなると、作りが大きく変わってしまうので、imgタグに属性付けをするようなタイプのJQueryプラグインでは対応できない・・・ そこで今回はhoverfadeというJQueryプラグインを使用させていただき、CSSスプライトで作ったコンテンツにフェードアクションを付与する方法を解説していきます。IE7、8にもしっかり対応しているのでオススメです。 hoverfadeの設定・マークアップ方法 まずは、作製者さんのHPよりjsファイルをダウンロードしましょう。 http://www.danwellman.co.uk/plugin-update-hoverfade-1-0-2/
