728x90
728x90
# 형식
$("요소").효과메서드(["소요시간"], ["가속도"], [콜백함수]);
- 효과 소요시간
: "slow" | "normal" | "fast" | ms단위
- 가속도
· "swing" : 시작/끝은 느리게, 중간은 빠르게
· "linear" : 일정한 속도로
- 콜백 함수
· 애니메이션이 완료된 후 호출되는 함수
· function() { 코드; }
# 숨김 효과 메서드
- 요소 숨김 (공간도 삭제) : hide()
- 요소가 점점 투명해지면서 사라짐 : fadeOut()
- 요소가 위로 접히며 숨겨짐 : slideUp()
# 노출 효과 메서드
- 요소 노출 : show()
- 요소가 점점 선명해짐 : fadeIn()
- 숨겨진 요소가 아래로 펼쳐지며 노출됨 : slideDown()
# 토글 효과 메서드
- hide() / show() 효과 적용 : toggle()
- fadeIn() / fadeOut() 효과 적용 : fadeToggle()
- slideUp() / slideDown() 효과 적용 : slideToggle()
- 지정한 불투명도 (0~1) 적용 : fadeTo(불투명도)
320x100
반응형
'jQuery' 카테고리의 다른 글
[jQuery] 이벤트 (1) | 2023.10.20 |
---|---|
[jQuery] 애니메이션 제어 메서드 (0) | 2023.10.20 |
[jQuery] 수치 조작 메서드 (0) | 2023.10.20 |
[jQuery] 속성 조작 메서드 (0) | 2023.10.20 |
[jQuery] 객체 편집 메서드 (0) | 2023.10.20 |