06. effect 메소드
1) 시각적 효과를 위한 Effect 메소드
1
2
3
4
5
6
7
8
✔ 요소의 애니메이션 효과를 만들기 위한 메소드 집합
1. $('요소명').메소드명();
2. $('요소명').메소드명([speed]);
3. $('요소명').메소드명([speed], [easing], [callback]);
speed : 실행속도(밀리세컨초) / 숫자 or slow, fast
easing : 변경되는 지점별 속도 / liner, swing 가능
callback : 메소드 실행 후 실행할 함수
2) show() / hide() 메소드
- 요소를 점점 커지게 하면서 화면에 나타내거나 요소를 점점 작게 하면서 화면에서 숨기는 메소드
3) fadeIn() / fadeOut() 메소드
- fadeIn() : 점점 불투명 해지면서 나타남
- fadeOut() : 점점 불투명 해지면서 사라짐
4) slide 메소드
- slideDown()과 slideUp()
- $(selector).slideUp([speed, easing, callback]);