마우스 호버 했을 때 이미지 변경하기 (hover img on off replace)

마우스 오버 했을 때 이미지 파일명 _on, _off 으로 변경하기 

 

mouseover

mouseout

replace 사용

$(".target").mouseover(function(){
    var imgsrc=$(this).find("img").attr("src");
    imgsrc=imgsrc.replace("_off","_on");
    $(this).find("img").attr("src",imgsrc);
}).mouseout(function(){
    var imgsrc=$(this).find("img").attr("src");
    imgsrc=imgsrc.replace("_on","_off");
    $(this).find("img").attr("src",imgsrc);
});

$(".target").hover(function(){
    $(this).attr("src", $(this).attr("src").replace(".png", "_on.png"));
}, function(){
    $(this).attr("src", $(this).attr("src").replace("_on.png", ".png"));
});