Jquery 애니메이션 기능이란 무엇입니까?

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() 메서드 간 전환
  

예:

      
  
这是一个段落。
 隐藏 显示   

3, SlideUp(), SlideDown() 및 SlideToggle()

• slideUp() 메서드: 선택한 요소를 슬라이딩 방식으로 숨깁니다.

• slideDown() 메서드: 선택한 요소를 슬라이딩 방식으로 표시합니다.

• slideToggle() 메서드: SlideUp()과 SlideDown() 메서드 간 전환

예:

      
  
这是一个段落。
 上滑 下滑  

4, fadeIn() , fadeOut()을 밀어

• fadeIn() 메서드는 선택한 요소의 불투명도를 숨겨진 상태에서 표시되는 상태로 점진적으로 변경합니다(페이딩 효과).

• fadeOut() 메서드는 선택한 요소의 불투명도를 표시에서 숨김(페이드 효과)으로 점진적으로 변경합니다.

• fadeToggle(): fadeIn()과 fadeOut() 메서드 간 전환

예: 페이드인 효과를 사용하여

      
  
这是一个段落。
 淡出 淡入  

5, fadeTo()

fadeTo() 메서드는 선택한 요소의 불투명도를 지정된 값으로 점진적으로 변경합니다(페이딩 효과).

      
  逐渐改变P元素的不透明度 
这是一个段落。
  

.....

【추천 학습:jQuery 동영상 튜토리얼,웹 프론트엔드 동영상】

요소 숨기기 또는 표시

요소 숨기기 fadeToggle()

요소

위 내용은 Jquery 애니메이션 기능이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!