jQuery 基础教程

jQuery 效果

fadeTo()方法将选定元素的透明度逐渐更改为指定的透明度。

此方法与fadeIn()方法相似，但是该方法取消隐藏元素，并且始终淡入100％的透明度。

注意： fadeTo()方法不会更改页面的布局（所选元素仍将占用与以前相同的空间）。

$selector)fadeTo.(duration, 0, easing, callback)

逐渐降低<div>元素的透明度：

예제

$("button").click(function(){
　　$("div").fadeTo(500, 0.2);
});

逐渐更改<div>元素的透明度：

예제

$("#btn1function() {
　　$("div").fadeTo(1000, 0);
});
$("#btn2function() {
　　$("div").fadeTo(1000,　1);
});

사용콜백파라미터:

예제

$("button").click(function(){
　　$("div").fadeTo(500,　0,　function(){
　　　　alert("불투명도 감소!!!");
　　});
});

파라미터	설명
duration	문자열 또는 숫자 하나로, 빛을 밝히는 효과가 얼마나 지속될지 지정합니다 가능한 값: 밀리초（예를 들어100、500、2000 등) “fast” “slow”
불투명도	빛을 밝히는 불투명도를 지정합니다. 0.00과1.00 사이의 숫자
easing	（선택 사항）문자열 하나로, 애니메이션의 다른 시점에서 요소의 속도를 지정합니다. 기본 값은 “swing”입니다. 가능한 값: “swing”-시작에서/끝에서 이동이 느리며, 중간에서 이동이 빠르게 “linear”-일정한 속도로 이동
콜백	（선택 사항）fadeTo() 메서드가 완료되면 호출할 함수