jQuery hover로 이미지 변경하기

 

 

hover로 이미지 변경 - 실행 전

 

 

 

 

hover로 이미지 변경 - 실행 후

 

* hover로 준 결과와 같은 결과가 나옴

// $('img').bind('mouseover', function(){})

// $('img').bind('mouseout', function(){})

 

 

$('img').hover(function(){

   temp = $(this).attr('src'); --> src의 속성값을 temp 변수에 저장

   temp2 = $(this).attr('src2'); --> src2의 속성값을 temp2 변수에 저장

      --> src의 속성값을 src2의 속성값으로 변경한다

 

   $(this).attr('src', temp2)

   }, function(){

     $(this).attr('src', temp); --> src의 속성값을 변경한다 

    }) 

})