jQuery 基础教程

jQuery 效果

fadeToggle()方法可在fadeIn()和fadeOut()方法之间切换。

如果选定的元素淡出，则fadeToggle()会将它们淡入。

如果选定的元素被淡入，则fadeToggle()会将它们淡出。

注意：隐藏的元素将不再影响页面的布局。

$(selector)fadeToggle.(duration,　easing,　callback)

在所有<p>元素的淡入和淡出之间切换：

예제

$("button").click(function(){
　　$("p").fadeToggle();
});

使用duration参数：

예제

$("button").click(function(){
　　$("p").fadeToggle(1500);
});

使用콜백参数：

예제

$("button").click(function(){
　　$("div").fadeToggle(1500, function(){}
　　　　alert("fadeToggle 효과가 완료되었습니다!!!");
　　});
});

단순한 이미지와 같은 어떤 요소에도 피드백/피드아웃 효과를 적용할 수 있습니다:

예제

$("button").click(function(){
　　$("img").fadeToggle();
});

매개변수	설명
duration	（ 선택 사항 ）衰落 효과가 얼마나 지속될지 결정. 기본 값은400 밀리초 가능한 값: 밀리초（ 예를 들어100、500、2000 등) “fast” “slow”
easing	（ 선택 사항 ）동작의 다른 시점에서 요소의 속도를 지정하는 문자열. 기본 값은 “ swing” 가능한 값: “swing”-시작에서/끝에서는 더緩하게 이동하고, 중간에서는 더 빠르게 이동 “linear”-상대적 속도로 이동
콜백	（ 선택 사항 ）fadeToggle() 메서드가 완료되면 이 함수가 호출되며, 각 선택된 요소에 대해 한 번 호출됩니다