【JavaScript】マウスが乗ったら画像を差し替える at softelメモ

img要素でmouseover, mouseoutのイベントが発生したときに、src属性が *-off.* の形をしていれば、src属性を *-on.* に書き換えるJavaScriptを書く。 jQueryで書くと、 $(function(){ $('img[src*="-off."]') .on('mouseover', function(){this.src=this.src.replace('-off.','-on.');}) .on('mouseout', function(){this.src=this.src.replace('-on.','-off.');}); }); demo 備考 *-off.*, *-on.* だと、意図しないファイル名も該当しそうな場合は、on/off以外の語句を使ったり、対象となる画像を img[src*="-off."] で探すのではなく、クラ