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

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

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」を追加しておく。

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