画像を用意する

example.jpg をロールオーバーしたい場合は、名前の末尾に _on を付けた画像 example_on.jpg を example.jpg と同じディレクトリに入れておく。

JSファイルの読み込み

他のプラグインと同様、jQuery本体→プラグイン→設定の順で読み込み。

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.rollover.js"></script>

指定方法の例

最後の例のためにプラグイン化したと言っても過言では無い。

jQuery(document).ready(function($)
{
	// 基本
	$('#nav a img').rollover();

	// inputもいける
	$('form input:image').rollover();

	// 複数指定も楽々
	$('#nav a img, form input:image').rollover();

	// 引数で _on の部分を指定できる
	$('#nav a img').rollover('_over');
});