animate() 사용자 정의 애니메이션 만들기

animate()

jQuery에서 기본적으로 제공하는 애니메이션 효과 외에 사용자가 직접 만들어서 사용할 수 있도록 animate()메서드를 제공하고있다. 앞에서 봤던 show(), hide(), fadeIn(), slideUp() 등의 기본 메서드도 내부에는 animate()로 구현되어 있다.

 

$대상.animate(properties, options)
$대상.animate(properties[, durateion][, easing][,complete])

 

animate()를 활용한 사용자 정의 애니메이션 예제

 

move 버튼을 클릭하면 box요소가 0.5초 동안 오른쪽으로 50px 이동한다.