jquery__效果（淡入淡出效果）

fadeIn(speed,[callback])

概述

通过不透明度的变化来实现所有匹配元素的淡入效果，并在动画完成后可选地触发一个回调函数。

这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

参数

speedString,Number

三种预定速度之一的字符串("slow","normal",or"fast")或表示动画时长的毫秒数值(如：1000)

callback(可选)Function

(Optional)在动画完成时执行的函数

示例

描述:

用600毫秒缓慢的将段落淡入

jQuery代码:

$("p").fadeIn("slow");

描述:

用200毫秒快速将段落淡入，之后弹出一个对话框

jQuery代码:

$("p").fadeIn("fast",function(){

alert("AnimationDone.");

});

fadeOut(speed,[callback])

概述

通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。

这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

参数

speedString,Number

三种预定速度之一的字符串("slow","normal",or"fast")或表示动画时长的毫秒数值(如：1000)

callback(可选)Function

在动画完成时执行的函数

示例

描述:

用600毫秒缓慢的将段落淡出

jQuery代码:

$("p").fadeOut("slow");

描述:

用200毫秒快速将段落淡出，之后弹出一个对话框

jQuery代码:

$("p").fadeOut("fast",function(){

alert("AnimationDone.");

});

fadeTo(speed,opacity,[callback])

概述

把所有匹配元素的不透明度以渐进方式调整到指定的不透明度，并在动画完成后可选地触发一个回调函数。

这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

参数

speedString,Number

三种预定速度之一的字符串("slow","normal",or"fast")或表示动画时长的毫秒数值(如：1000)

opacityNumber

要调整到的不透明度值(0到1之间的数字).

callback(可选)Function

在动画完成时执行的函数

示例

描述:

用600毫秒缓慢的将段落的透明度调整到0.66，大约2/3的可见度

jQuery代码:

$("p").fadeTo("slow",0.66);$("p").fadeTo("slow",0.66);

描述:

用200毫秒快速将段落的透明度调整到0.25，大约1/4的可见度，之后弹出一个对话框

jQuery代码:

$("p").fadeTo("fast",0.25,function(){

alert("AnimationDone.");

});