メニューやリンク画像を差し替え

メニューで画像リンクをマウスオーバーしたときに、画像を差し替える。

主な画像にimage_off.jpg、差し替える画像にimage_on.jpgと用意する。

$(function(){
     $('a img').hover(function(){
        $(this).attr('src', $(this).attr('src').replace('_off', '_on'));
          }, function(){
             if (!$(this).hasClass('currentPage')) {
             $(this).attr('src', $(this).attr('src').replace('_on', '_off'));
        }
   });
});