17개의 jquery 애니메이션 함수가 있습니다. 1. 선택한 요소에 사용자 정의 애니메이션을 적용하는 데 사용되는 animate() 2. 선택한 요소를 숨기는 데 사용되는 hide() 3. 선택한 요소를 표시하는 데 사용되는 show() . 요소를 선택합니다. 4. 불투명도를 설정하여 요소를 숨기는 데 사용됩니다. 5. fadeTo() 등.
이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.2, Dell G3 컴퓨터.
jquery 애니메이션 함수
아래 표에는 애니메이션 효과를 만드는 데 사용되는 모든 jQuery 메서드가 나열되어 있습니다. methoddescription
다음은 일반적으로 사용되는 애니메이션 기능입니다.
1.animate()
animate() 메소드는 CSS 속성 세트의 사용자 정의 애니메이션을 수행합니다.
이 방법은 CSS 스타일을 통해 요소를 한 상태에서 다른 상태로 변경합니다. CSS 속성 값은 점진적으로 변경되어 애니메이션 효과를 만들 수 있습니다.
숫자 값만 애니메이션화할 수 있습니다(예: "여백:30px"). 문자열 값은 애니메이션화할 수 없습니다(예: "배경색:빨간색").
팁: 상대 애니메이션을 만들려면 "+=" 또는 "-="를 사용하세요.
예: 높이를 변경하여 요소에 애니메이션을 적용합니다.
2, hide(), show() 및ggle()
hide() 메서드는 선택한 요소를 숨깁니다.
show()는 선택한 요소를 표시합니다.
toggle(): hide() 및 show() 메서드 간 전환
예:
这是一个段落。