jQuery Fading方法
speed:规定效果时长,可以是"slow","fast"或者毫秒
callback:完成后执行的函数名
fadeIn()淡入已隐藏的元素
$(selector).fadeIn(speed,callback);
实例:
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
fadeOut()淡出可见元素
$(selector).fadeOut(speed,callback);
实例:
$
(
"
button
"
)
.
click
(
function
(
)
{
$
(
"
#div1
"
)
.
fadeOut
(
)
;
$
(
"
#div2
"
)
.
fadeOut
(
"
slow
"
)
;
$
(
"
#div3
"
)
.
fadeOut
(
3000
)
;
}
)
;
fadeToggle()淡入淡出切换
$(selector).fadeToggle(speed,callback);
实例:
$
(
"
button
"
)
.
click
(
function
(
)
{
$
(
"
#div1
"
)
.
fadeToggle
(
)
;
$
(
"
#div2
"
)
.
fadeToggle
(
"
slow
"
)
;
$
(
"
#div3
"
)
.
fadeToggle
(
3000
)
;
}
)
;
FadeTo()渐变为给定的不透明度(介于0,1之间)
$(selector).fadeTo(speed,opacity,callback);
实例:
$
(
"
button
"
)
.
click
(
function
(
)
{
$
(
"
#div1
"
)
.
fadeTo
(
"
slow
"
,
0.15
)
;
$
(
"
#div2
"
)
.
fadeTo
(
"
slow
"
,
0.4
)
;
$
(
"
#div3
"
)
.
fadeTo
(
"
slow
"
,
0.7
)
;
}
)
;