[jQuery] hover시 gif

마우스 오버(hover)할 때 gif 파일을 보여주고 싶은 경우 jQuery를 이용해서 해당 태그(혹은 id나 class)의 attr 함수로 src를 수정해준다. 

예시는 다음과 같다. 

<img src="./img/image.JPG" id="img1" /> <script> $(function(){ $("#img1").hover( function(){ $(this).attr("src","./img/animation.gif"); }, function() { $(this).attr("src","./img/static.JPG"); } ); }); </script>