English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
jQuery에서는 많은 애니메이션 효과가 있습니다. 아래에서는 jQuery의 애니메이션 함수를 공유해 드립니다.
jQuery의 효과 함수 목록:
animate(): 선택된 요소에 '사용자 정의' 애니메이션을 적용합니다.
clearQueue()：선택된 요소에 대한 모든 대기 함수(아직 실행되지 않은)를 제거합니다.
delay(): 선택된 요소에 대한 모든 대기 함수(아직 실행되지 않은)에 지연을 설정합니다.
dequeue()：
fadeIn()：선택된 요소의 불투명도를 점진적으로 변경하여 숨겨져 있던 것을 보이게 만듭니다.
fadeOut()：선택된 요소의 불투명도를 점진적으로 변경하여 보이지 않게 만듭니다.
fadeTo(): 선택된 요소를 지정된 불투명도로 점진적으로 변환합니다.
hide(): 선택된 요소를 숨깁니다.
queue():
show(): 선택된 요소를 표시합니다.
slideDown(): 높이를 조정하여 선택된 요소를 슬라이딩으로 표시합니다.
slideToggle(): 선택된 요소에 대해 슬라이딩 숨기기와 슬라이딩 표시기를 전환합니다.
slideUp(): 높이를 조정하여 선택된 요소를 슬라이딩으로 숨깁니다.
stop(): 선택된 요소에 실행 중인 애니메이션을 중지합니다.
toggle(): 선택된 요소에 대해 숨기기와 표시하기를 전환합니다.
animate():
animate() 메서드는 CSS 속성 집합의 사용자 정의 애니메이션을 실행합니다.
이 메서드는 CSS 스타일을 통해 요소의 상태를 하나에서 다른 하나로 변환합니다. CSS 속성 값은 점진적으로 변경되어 애니메이션 효과를 생성할 수 있습니다.
애니메이션을 생성할 수 있는 것은 숫자 값만입니다(예 "margin:30px"）。문자열 값은 애니메이션을 생성할 수 없습니다(예 ""> clearQueue()：
clearQueue() 메서드는 큐에 남아 있는 모든 실행되지 않은 함수를 중지합니다.
stop() 메서드와 달리(애니메이션에만 적용), clearQueue()는 .queue() 메서드를 통해 일반 jQuery 큐에 추가된 모든 대기 함수를 제거할 수 있습니다.
delay():
delay(): 선택된 요소에 대한 모든 대기 함수(아직 실행되지 않은)에 지연을 설정합니다.
dequeue():
dequeue()：
dequeue(): 선택된 요소의 다음 대기 함수를 실행합니다.
fadeIn()：
fadeIn() 메서드는 선택된 요소가 숨겨져 있다면 그를 보이기 위해 점진적으로 불투명도를 높입니다.
fadeOut()：
fadeOut() 메서드는 선택된 요소가 숨겨져 있다면 그를 숨기기 위해 점진적으로 불투명도를 낮춥니다.
fadeTo()：
fadeTo() 메서드는 선택된 요소의 불투명도를 지정된 값으로 점진적으로 변경합니다.
hide():
선택된 요소가 이미 보이고 있다면 이를 숨깁니다.
queue():
queue(): 선택된 요소의 대기 함수를 표시합니다.
show():
선택된 요소가 숨겨져 있다면 이를 보이게 합니다.
slideDown()：
slideDown() 메서드는 슬라이딩 효과를 사용하여 숨겨져 있는 선택된 요소를 보이게 합니다.
slideToggle() :
slideToggle() 메서드는 슬라이딩 효과를 사용하여 요소의 보이기/숨기기 상태를 전환합니다.
선택된 요소가 보이면 숨기고, 숨겨져 있다면 보이게 합니다.
스르륵한 효과를 사용하여 선택된 요소를 숨기고, 선택된 요소가 이미 보이고 있다면.
stop():
stop() 메서드는 현재 실행 중인 애니메이션을 중지합니다.
toggle():
toggle() 메서드는 요소의 보이기/숨기기 상태를 전환합니다.
위에 설명한 것은 편집자가 여러분에게 소개한 jQuery에서 자주 사용하는 애니메이션 효과 함수(일상적인 정리)입니다. 여러분이 어떤 질문이나 의문이 있으시면, 편집자에게 댓글을 남겨 주시면, 편집자가 즉시 답변을 드리겠습니다.
선언: 본 내용은 인터넷에서 수집된 것으로, 저작권자는 모두 소유합니다. 내용은 인터넷 사용자가 자발적으로 기여하고 업로드한 것이며, 본 사이트는 소유권을 가지지 않으며, 인공 편집을 하지 않았으며, 관련 법적 책임도 부담하지 않습니다. 저작권 침해가 의심되는 내용이 있으시면 notice#w로 이메일을 보내 주시기 바랍니다.3codebox.com에 이메일을 보내시면, #을 @으로 변경하여 신고하시고 관련 증거를 제공해 주시면, 해당 사이트가 저작권 침해 내용을 즉시 삭제할 것입니다.