■ jQuery用プラグイン　jquery.easyrollover.js を使用します。

■ 1. scriptファイルを読み込ませます

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

■ 2. ロールオーバー画像ファイル名の最後に _on をつける。

例：　【image.gif】 の場合　【image_on.gif】

■ 3. HTMLの＜img＞タグに属性 class="rollover" を追加する

<img src="image.gif" >
　　↓
<img src="image.gif" class="rollover" >

以上の手順で完了。

簡単です。

jquery.easyrollover.js のダウンロードはこちらから↓