JQuery, Passing Parameters

Question

아주 기본적인 jquery 코드로 작업 중이며 전달한 매개 변수를 사용하여 수행 한 작업을 응축하고 싶습니다.

나는 이들의 몇 가지 있습니다 : 반복에

$(".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

,336,

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"); 
    }); 
}