Play Ground

[jquery] 마우스오버로 커졌다가 작아졌다 본문

Programming/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>



물론 저 위의 소스보다 더 좋고 간편한 소스가 있겠지만

초보자인 내 머리에서 나오는 소스는 저 정도밖에 못짜겠다ㅠㅠ