제이쿼리 주요 에니메이션 메소드
1. 에니메이션 메소드
메소드 |
개요 |
fadeIn |
요소를 서서히 보이게 한다 |
fadeOut |
요소를 서서히 보이지 않게 한다 |
slideDown |
요소를 슬라이드 하면서 보이게한다 |
slideUp |
요소를 슬라이드 하면서 보이지않게한다 |
slideToggle |
슬라이드에서 교대로 표시/비표시 상태로 한다 |
show |
요소를 보이게한다 |
hide |
요소를 보이지않게한다 |
toggle |
요소를 교대로 표시/비표시 상태로 한다 |
animate |
지정된 매개변수에서 자체 애니메이션을 실행 |
2. 기본 문법
$(대상요소).에니메이션메소드(시간);
3. 예제
- 5초 동안 요소가 서서히 사라지다가 슬라이드 형태로 다시 나타난다
'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] 독립적인 에니메이션 구현 - animate() (0) | 2017.01.09 |
| [jQueryUI] 에니메이션 종료시 처리 - 에니메이션 메소드의 두번째 인수 (0) | 2017.01.09 |
리딩리드