.animate - 딜레이와 움직임

 

 

animate 메서드를 보면 css의 움직임 요소, duration, easing, complete 가 있다. 이것들을 모두 적용해 보면 다음과 같다.

 

1	$(".img00_05").stop().delay(1000).animate({opacity:1,top:_posyArr[_activeNum][5]},_speed,"easeOutExpo",function(){_isPlay = false;});

 

딜레이 : delay(1000)

easing : "easeOutExpo", "easeOutElastic" 등...

 

 

easing 속성은 jQuery Easing Plugin (version 1.3)를 다운(jquery.easing.1.3.js 파일첨부) 받아야 하며,

<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 해서 쓰게된다.

 

http://gsgd.co.uk/sandbox/jquery/easing/ 에서 움직임을 볼 수 있다.

 

 

jquery.easing.1.3.js