クロスフェードでロールオーバーを行う「rollover2.js」

【PR】WEBクリエイターに人気のレンタルサーバー『HETEML』

配布元：クロスフェードするロールオーバー処理をお手軽に実装するJavaScript
ライセンス：MIT License

rollover2.jsはロールーオバー処理にクロスフェードを適応できるJavaScriptライブラリだ。

使い方

配布元よりダウンロードした「rollover2.js」をhead要素などで読み込みます。UTF-8以外の文字コードのサイトでこのライブラリを利用する際には「charset=”utf-8″」の記述を忘れずに行う必要がある。

<script type="text/javascript" src="rollover2.js" charset="utf-8"></script>

画像はデフォルトの画像を「bottonA_rollout.jpg」など拡張子の直前に「_rollout」を追加しておき、ロールオーバー後の画像の拡張子は「bottonA_rollout.jpg」など「_rollout」を追加しておく。

これだけでクロスフェード処理が施されたロールオーバーを利用することが可能になる。

サンプル

スポンサードリンク

カテゴリー：クロスフェード ライブラリ ロールオーバー 画像