JQuery、Passing Parameters

Question

私はいくつかの非常に基本的なjqueryコードを扱っています。私が行ったことを、渡されたパラメータとともに1つの関数に凝縮したいと思います。

私はこれらのいくつかを持っている：

$(".about").hover(function() { 
    $(this).attr("src","_img/nav/about_over.gif"); 
     }, function() { 
    $(this).attr("src","_img/nav/about_off.gif"); 
}); 


$(".artists").hover(function() { 
    $(this).attr("src","_img/nav/artists_over.gif"); 
     }, function() { 
    $(this).attr("src","_img/nav/artists_on.gif"); 
}); 


$(".help").hover(function() { 
    $(this).attr("src","_img/nav/help_over.gif"); 
     }, function() { 
    $(this).attr("src","_img/nav/help_off.gif"); 
}); 

しかし、明らかに、私は繰り返しを減らすことができるように画像（「約」、芸術家」、 『ヘルプ』）のタイトルを渡したいですコード。

すべてのヘルプははるかに高く評価。

おかげ

ロニー

Answer 1

function hover(img) { 
    $("."+img).hover(function() { 
    $(this).attr("src","_img/nav/"+img+"_over.gif"); 
     }, function() { 
    $(this).attr("src","_img/nav/"+img+"_off.gif"); 
    }); 
} 

Answer 2

私はホバー機能で第二の機能で何が起こっているかわからないんだけど、あなたはこのような何かを行うことができます。

$(".about .artists .help").hover(function(){ 
    $(this).attr('src','_img/nav/' + $(this).attr('class') + '_over.gif') 
}); 

あなたもあなたのオン/オフのGIFに同じ原理を適用することができます。

Answer 3

あなたはこのようなものができます。

function ElementHover(class_name, src_over, src_off) { 
    $("."+class_name+"").hover(function() { 
     $(this).attr("src", src_over); 
     }, function() { 
     $(this).attr("src", src_off); 
    }); 

} 

Answer 4

function HoverPic(name){ 
    $("."+name).hover(function() { 
     $(this).attr("src","_img/nav/"+name+"_over.gif"); 
      }, function() { 
     $(this).attr("src","_img/nav/"+name+"_off.gif"); 
    }); 
}