포스트

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]);