JavaScript 7. jQuery Effects

zhyun·2020년 10월 6일
0

html

목록 보기
15/21

1.숨기기/표시

HTML 요소 숨기기 - hide() 메소드 이용

  • $(selector).hide(speed,callback);
  • 속도 지정 가능 : slow, fast, milliseconds

HTML 요소 표시하기 - show() 메소드 이용

HTML 요소 숨기기&표시하기 - toggle()메소드 이용

예제: https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_toggle

2.페이딩

fadein()

  • 숨겨진 요소를 불투명 효과를 주면서 보여줌

fadeout()

fadeToggle()

fadeTo()

예제: https://www.w3schools.com/jquery/jquery_fade.asp

3. Sliding

slideDown()

slideUp()

slideToggle()

예제: https://www.w3schools.com/jquery/jquery_slide.asp

4.Animation

animate()

예제:https://www.w3schools.com/jquery/jquery_animate.asp

5.콜백 함수와 체이닝

profile
HI :)

0개의 댓글