독립적인 에니메이션 구현 - animate()
- animate()를 이용하여 독립적인 에니메이션 구현이 가능하다
1. 구문
$(대상 요소).animate({
프로퍼티명: 값,...
},
시간, 롤백함수);
- 시간 밀리초 후에 [프로퍼티명:값]의 상태가 되도록 변경
2. 색상관련 프로퍼티
- backgroundColor, borderBottomColor, borderLeftColor, borderRightColor
borderTopColor, color, columnRuleColor, outlineColor, textDecorationColor, textEmpasisColor
3. 예제
- 3 초동안 해당 위치로 이동하여 색 변경
'Front-End > jQueryUI' 카테고리의 다른 글
| [jQueryUI] 확장된 표시/ 비표시 함수 - show(), hide() toggle() (0) | 2017.01.10 |
|---|---|
| [jQueryUI] 다른스타일로 서서히 전환 - switchClass() (0) | 2017.01.10 |
| [jQueryUI] 스타일클래스 적용/제외 시 에니메이션 - addClass(), removeClass(), toggleClass() (0) | 2017.01.09 |
| [jQueryUI] 에니메이션 종료시 처리 - 에니메이션 메소드의 두번째 인수 (0) | 2017.01.09 |
| [jQueryUI] 제이쿼리 주요 에니메이션 메소드 (0) | 2017.01.09 |
리딩리드