>  기사  >  웹 프론트엔드  >  jQuery_jquery에서 애니메이션 효과를 얻기 위한 기본 작업 소개

jQuery_jquery에서 애니메이션 효과를 얻기 위한 기본 작업 소개

WBOY
WBOY원래의
2016-05-16 17:36:42879검색

애니메이션 효과

쇼(): 쇼

hide()는 숨깁니다

$().toggle(): 효과 표시 및 숨기기 전환

매개변수, 속도를 전달할 수 있습니다.

fadeOut(페이드 아웃)

페이드인(페이드인)

fadeToggle(); 페이드 인 및 아웃 전환

fadeTo(2000,0.3)은 이미지를 30% 투명도로 표시합니다

슬라이딩 디스플레이

slideDown():

slideUp():

슬라이드토글():

속도 매개변수를 전달할 수 있습니다.

$(':animated'); 애니메이션 중인 요소를 가져옵니다.

애니메이션 요소 중지:

$(':animated').stop(): 현재 애니메이션을 중지합니다.

stop(true)은 대기열의 모든 애니메이션을 지우는 것을 의미합니다. 즉, 매개변수가 전달되지 않으면 현재 애니메이션이 즉시 중지됩니다.

$(':animated').stop(false,true) 두 번째 매개변수는 true로 현재 실행 중인 애니메이션을 중지하고 현재 애니메이션 실행이 끝나는 위치에 요소를 설정합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.