animate() 매개변수 소개:
animate() 메서드는 CSS 속성 집합의 사용자 정의 애니메이션을 수행합니다.
이 방법은 CSS 스타일을 통해 요소를 한 상태에서 다른 상태로 변경합니다. CSS 속성 값은 점진적으로 변경되어 애니메이션 효과를 만들 수 있습니다.
숫자 값만 애니메이션화할 수 있습니다(예: "여백:30px"). 문자열 값은 애니메이션화할 수 없습니다(예: "배경색:빨간색").
PS: 하지만 최신 jquery UI 프레임워크를 참조하면 backgroudColor 및 색상과 같은 속성도 그라데이션을 구현할 수 있습니다.
PS: 상대 애니메이션을 만들려면 "=" 또는 "-="를 사용하세요.
우선 jquery 프레임워크를 참조해야 합니다.
코드를 다시 살펴보겠습니다.