[jQuery] animate

[jQuery] animate

$('선택자').stop().animate({ 실행 코드 })

이징효과를 쓰기 위해서는 jquery-ui.js 파일을 받아서 연결해야 한다.

기존 jQuery 라이브러리 외에 추가 라이브러리를 연결할 때는 반드시 기존 열결 아래에 연결해야 한다.

ui 라이브러리를 연결하면 할 수 있는 것은? 애니메이션에 컬러노드를 반영할 수 있다. 다양한 이징효과를 쓸 수 있다. 이징 효과를 쓸 때는 반드시 시간과 함께 써야한다.

프로그래밍에서 시간은 ms로 계산. 1/1000초

.stop()을 사용하지 않고 animate를 쓰면 사용자가 했던 행위의 횟수만큼 명령 코드를 처음부터 끝까지 실행하려고 하기 때문에 사용자의 행위가 끝나도 해당 명령을 실행한다고 혼자 난리친다(?)

$('.box4').on('mouseover', function(){ $(this).stop().animate({ 'width':700 }) }).on('mouseout', function(){ $(this).stop().animate({ 'width':150 }) })

from http://haze-92.tistory.com/51 by ccl(A) rewrite - 2021-09-29 20:26:47