画像のロールオーバー処理(jQuery未使用、IE6 7 8 9 FF Chrome動作)
画像のロールオーバー処理(jQuery使用、IE6 7 8 9 FF Chrome動作)

ソースコード的な

$(function()
{
 var imgOverObj = function ()
 {
  // マウスオーバー時用メソッド
  this.imgOn = function ()
   {
    srcData = $(this).attr('src');
    srcData = srcData.replace(/(\.gif|\.jpg|\.png)/,'_on$1');
    $(this).attr('src',srcData);
   }

  // マウスアウト時用メソッド
  this.imgOut = function ()
  {
   srcData = $(this).attr('src');
   srcData = srcData.replace(/(_on\.)/g,'\.');
   $(this).attr('src',srcData);
  }
 }

 // インスタンス化とイベントセット
 myImgOver = new imgOverObj();
 $("img").hover(myImgOver.imgOn,myImgOver.imgOut);
});