국산곰탱이

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

<div>
    <ul class="hover">
        <li>메뉴1</li>
        <li>메뉴2</li>
        <li>메뉴3</li>
        <li>메뉴4</li>
        <li>메뉴5</li>
        <li>메뉴6</li>
    </ul>
</div>

1
2
3
4
5

$('.hover li').hover(function(){
	$(this).animate({paddingLeft: '+=15px'},200);
}, function(){
	$(this).animate({paddingLeft: '-=15px'},200);
});

1
2
3
4
5

$('.hover li').hover(function(){
	$(this).animate({fontSize: '+=15px'},200);
}, function(){
	$(this).animate({fontSize: '-=15px'},200);
});