jQuery 페이드 인 및 페이드 아웃

jQuery를 사용하면 요소의 페이드 효과를 얻을 수 있습니다.

---

jQuery 페이딩 방법

jQuery를 사용하면 요소의 페이딩 효과를 얻을 수 있습니다.

jQuery에는 다음 네 가지 페이드 메서드가 있습니다.

• fadeIn()

• fadeOut()

• fadeToggle()

• fadeTo()

---

jQuery fadeIn() 메서드

jQuery fadeIn()은 숨겨진 요소를 페이드 인하는 데 사용됩니다.

구문:

$(selector).fadeIn(speed,callback);

선택적인 속도 매개변수는 효과의 지속 시간을 지정합니다. "느린", "빠른" 또는 밀리초 값을 사용할 수 있습니다. .

선택적인 콜백 매개변수는 페이딩이 완료된 후 실행될 함수의 이름입니다.

다음 예에서는 다양한 매개 변수를 사용하는 fadeIn() 메서드를 보여줍니다.

      
  
以下实例演示了 fadeIn() 使用了不同参数的效果。
 点击淡入 div 元素。 

 

 

 
  

프로그램을 실행하여 사용해 보세요

---

jQuery fadeOut() 메서드

jQuery fadeOut() 메서드는 눈에 보이는 페이드 아웃에 사용됩니다. 강요.

구문:

$(selector).fadeOut(speed,callback);

선택적인 속도 매개변수는 효과의 지속 시간을 지정합니다. "느림", "빠름" 또는 밀리초 값을 사용할 수 있습니다.

선택적인 콜백 매개변수는 페이딩이 완료된 후 실행될 함수의 이름입니다.

다음 예에서는 다양한 매개 변수를 사용하는 fadeOut() 메서드를 보여줍니다.

      
  
以下实例演示了 fadeOut() 使用了不同参数的效果。
 点击淡出 div 元素。 

 

 

 
  

프로그램을 실행하여 사용해 보세요

---

jQuery fadeToggle() 메서드

jQuery fadeToggle() 메서드는 fadeIn()과 fadeOut() 메서드 사이를 전환할 수 있습니다.

fadeToggle()은 이미 페이드 아웃된 요소에 페이드 인 효과를 추가합니다.

fadeToggle()은 이미 페이드 인된 요소에 페이드 아웃 효과를 추가합니다.

구문:

$(selector).fadeToggle(speed,callback);

선택적인 속도 매개변수는 효과의 지속 시간을 지정합니다. "느림", "빠름" 또는 밀리초 값을 사용할 수 있습니다.

선택적인 콜백 매개변수는 페이딩이 완료된 후 실행될 함수의 이름입니다.

다음 예에서는 다양한 매개 변수가 있는 fadeToggle() 메서드를 보여줍니다.

       
  
实例演示了 fadeToggle() 使用了不同的 speed(速度) 参数。
 点击淡入/淡出 

 
 
 
 
 
  

프로그램을 실행하여 사용해 보세요

---

jQuery fadeTo() 메서드

jQuery fadeTo() 메서드를 사용하면 그라데이션을 다음으로 변경할 수 있습니다. 주어진 값 투명도(0과 1 사이의 값).

구문:

$(selector).fadeTo(speed,opacity,callback);

필수 속도 매개변수는 효과의 지속 시간을 지정합니다. "느림", "빠름" 또는 밀리초 값을 사용할 수 있습니다.

fadeTo() 메서드의 필수 불투명도 매개변수는 페이드 효과를 지정된 불투명도(0에서 1 사이의 값)로 설정합니다.

선택적 콜백 매개변수는 함수가 완료된 후 실행될 함수의 이름입니다.

다음 예제에서는 다양한 매개 변수를 사용하는 fadeTo() 메서드를 보여줍니다.

      
  
演示 fadeTo() 使用不同参数
 点我让颜色变淡 

 

 

 
  

프로그램을 실행하여 사용해 보세요