저수준 시각적 효과
| 메서드 | 설명 |
|---|---|
| show() | 문서 객체를 크게 하며 보여줌 |
| hide() | 문서 객체를 작게 하며 사라지게 함 |
| toggle() | show 메서드와 hide 메서드를 번갈아 실행 |
| slideDown() | 문서 객체를 슬라이드 효과로 보여줌 |
| slideUp() | 문서 객체를 슬라이드 효과로 사라지게 함 |
| slideToggle() | slideDown 메서드와 slideUp 메서드를 번갈아 실행 |
| fadeIn() | 문서 객체를 선명하게 하며 보여줌 |
| fadeOut() | 문서 객체를 흐리게 하며 사라지게 함 |
| fadeToggle() | fadeIn 메서드와 fadeOut 메서드를 번갈아 실행 |
-
$(selector).method();
-
$(selector).method(duration);
-
$(selector).method(duration, complete);
-
$(selector).method(duration, easing, complete);
-
duration
: 효과를 진행할 시간. 밀리초 단위의 수나 "slow", "normal", "fast" 입력 (기본값: 400) -
complete
: 효과를 모두 완료한 후에 실행할 함수를 지정 -
easing
: 애니메이션의 easing 함수를 지정
: 별도의 플러그인을 사용하지 않으면 "linear", "swing" 만 가능 (기본값: swing)
: http://easings.net/ko, http://jqueryui.com/easing/
-
* easing 속성
- 매개변수의 변화율을 시간이 지남에 따라 정한다.
- 기본값은 swing
