[jQuery] 효과 메서드

2023. 10. 20. 13:35·jQuery
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
'jQuery' 카테고리의 다른 글
  • [jQuery] 이벤트
  • [jQuery] 애니메이션 제어 메서드
  • [jQuery] 수치 조작 메서드
  • [jQuery] 속성 조작 메서드
스응
스응
    반응형
    250x250
  • 스응
    이서영의 개발 블로그
    스응
  • 전체
    오늘
    어제
  • 글쓰기 관리
    • 분류 전체보기 (385)
      • Java (134)
        • Base (54)
        • Spring Boot (37)
        • JSP (16)
        • Swing (GUI) (20)
        • Design Pattern (7)
      • C# (13)
      • PHP (18)
      • SQL (27)
      • Vue.js (9)
      • Tailwind CSS (4)
      • TypeScript (7)
      • HTML & CSS (27)
      • JavaScript (26)
      • jQuery (10)
      • Android (3)
      • - - - - - - - - - - - - - - (0)
      • Hotkeys (5)
      • CS (30)
      • IT Notes (13)
      • Error Notes (17)
      • Team Project (24)
        • Airlines Web Project (12)
        • University Web Project (6)
        • Strikers 1945 GUI Project (6)
      • My Project (18)
        • Library Web Project (8)
        • Pet Shopping Mall GUI Project (10)
      • etc. (0)
  • 블로그 메뉴

    • Home
    • Write
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    면접
    Codeigniter
    Hotkeys
    http
    vuejs
    typeScript
    C#
    cs
    티스토리챌린지
    zapier
    tailwindcss
    php
    SpringBoot
    js
    git
    jsp
    java
    errorNote
    SWAGGER
    Swing
    개발일지
    HTML
    jQuery
    SEO
    CSS
    Wordpress
    Android
    SQL
    오블완
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.0
스응
[jQuery] 효과 메서드
상단으로

티스토리툴바