画像をhoverで差し替え動作

グローバルメニューなどの画像を、カーソルのhoverで差し替えする動作

$('#nav ul li img').hover(function(){
  $(this).attr('src', $(this).attr('src').replace('_off', '_on'));
  }, function(){
  // 表示しているページとメニューが違う場合
  if (!$(this).hasClass('current')) {
    $(this).attr('src', $(this).attr('src').replace('_on', '_off'));
  }
});

表示しているページのメニューは、オンマウス状態の画像にし、imgタグにcurrentクラスを付けておくプログラムをつけておく必要がある。