使うjQuery仕事でよく使うロールオーバーのjQueryのソースをメモ。HappyLifeさんで紹介されていたソースをjQueryベースに修正したものです。jQueryのおかげでソースがすっきりしました。新規サイトを作成する際必ず使います。}}サンプル解説これは画像ファイル名に「_off.」があるものを探しだし、マウスオーバーで「_off.」を「_on.」に書き換えるというものです。その為ロールオーバー前と後の2つの画像を用意し、それぞれのファイル名を「ファイル名_off.gif」と「ファイル名_on.gif」にします。↓変数「images」にimg要素を格納します。$("img");↓for文でimg要素の数だけループさせます。数がsize()で取得します。{↓img要素のi番目のsrc属性の値が「_off.」にマッチするかどうかをチェックします。{↓「_off.」にマッチする値があった場合、対象のimg要素にマウスオーバーしたら(hover)、src属性の値の「_off.」を「_on.」に置換えます。"_on."));}↓対象のimg要素からマウスアウトしたら、src属性の値の「_on.」から「_off.」に戻します。PM本家のjsファイルではうまくいきましたが、jqueryを使用したものがうまくいきません。具体的なコードの見本があるとうれしいです。AMダウンロードでサンプルを落とせるように致しました。});で囲わなければ動きませんのでご注意下さい。コメントをキャンセルメールアドレスが公開されることはありません。