Study/JavaScript/JQuery
[jquery] 마우스오버로 커졌다가 작아졌다
haeru
2013. 3. 5. 11:42
<img src="./images/p.png" class="p_img" />
<script type="text/javascript">
$(".p_img").hover(
function () {
$(".p_img").animate({
width: "40px" //커질크기
}, 300 ); //속도(slow, fast, 숫자...)
},
function () {
$(".p_img").animate({
width: "32px" //원래크기
}, 300 ); //속도(slow, fast, 숫자...)
}
)
</script>
물론 저 위의 소스보다 더 좋고 간편한 소스가 있겠지만
초보자인 내 머리에서 나오는 소스는 저 정도밖에 못짜겠다ㅠㅠ