jQuery를 사용하면 및 가시성 밖으로 요소를 페이드 수 있습니다.
입 / 출력 패널을 페이드 클릭
시간이 가치가 있기 때문에, 우리는 쉽고 빠르게 학습을 제공합니다.
에서 w3ii , 당신은 접근하고 편리한 형식으로 당신이 배울 필요가 모든 것을 공부할 수 있습니다.
예
jQuery를 fadeIn()
JQuery와 보여줍니다 fadeIn() 메소드를.
jQuery를 fadeOut()
JQuery와 보여줍니다 fadeOut() 메소드를.
jQuery를 fadeToggle()
JQuery와 보여줍니다 fadeToggle() 메소드를.
jQuery를 fadeTo()
JQuery와 보여줍니다 fadeTo() 메소드를.
jQuery를 페이딩 방법
jQuery를 사용하면과 가시성에서 요소를 페이드 수 있습니다.
jQuery를 다음과 같은 페이드 방법이 있습니다 :
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQuery를 fadeIn() 메소드
JQuery와 fadeIn() 메소드는 숨겨진 요소에 퇴색하는 데 사용됩니다.
통사론:
$(selector).fadeIn(speed,callback);선택적 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 가질 수있다 : "slow", "fast" 또는 밀리.
선택적 콜백 파라미터는 페이딩이 완료된 후에 실행되는 함수이다.
다음의 예는 보여줍니다 fadeIn() 다른 매개 변수 방법 :
예
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
}); »그것을 자신을 시도 jQuery를 fadeOut() 메소드
JQuery와 fadeOut() 메소드는 눈에 보이는 요소를 페이드 아웃하는 데 사용됩니다.
통사론:
$(selector).fadeOut(speed,callback);선택적 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 가질 수있다 : "slow", "fast" 또는 밀리.
선택적 콜백 파라미터는 페이딩이 완료된 후에 실행되는 함수이다.
다음의 예는 보여줍니다 fadeOut() 다른 매개 변수 방법 :
예
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
}); »그것을 자신을 시도 jQuery를 fadeToggle() 메소드
JQuery와 fadeToggle() 메소드는 사이를 전환 fadeIn() 과 fadeOut() 메소드.
요소가 페이드 아웃하는 경우, fadeToggle() 에서 그들을 사라질 것이다.
요소가에서 퇴색하는 경우, fadeToggle() 를 페이드 아웃됩니다.
통사론:
$(selector).fadeToggle(speed,callback);선택적 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 가질 수있다 : "slow", "fast" 또는 밀리.
선택적 콜백 파라미터는 페이딩이 완료된 후에 실행되는 함수이다.
다음의 예는 보여줍니다 fadeToggle() 다른 매개 변수 방법 :
예
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
}); »그것을 자신을 시도 jQuery를 fadeTo() 메소드
JQuery와 fadeTo() 메소드 (0과 1 사이의 값) 주어진 불투명도 페이딩 수 있습니다.
통사론:
$(selector).fadeTo(speed,opacity,callback);필요한 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 가질 수있다 : "slow", "fast" 또는 밀리.
에 필요한 불투명 매개 변수 fadeTo() 메소드는 주어진 불투명도 페이딩 (0 사이의 값 1)를 지정합니다.
선택적 콜백 함수 파라미터가 완료된 후 수행 될 수있는 기능이다.
다음의 예는 보여줍니다 fadeTo() 다른 매개 변수 방법 :
예
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
}); »그것을 자신을 시도 연습으로 자신을 테스트!
jQuery를 효과 참조
모든 jQuery를 효과의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 효과 참조 .