.fadeIn() / .fadeOut() / .fadeTo() / .fadeToggle() ——淡入 / 淡出 / 到指定透明度 / 切换淡入淡出

一、.fadeIn()——淡入

改变参数：透明度

写法：元素.fadeIn();

$("p").fadeIn();

参数：

1、速度："slow"、"fast" 或毫秒

2、函数：淡入后执行的函数

3、默认：400毫秒

 

二、.fadeOut()——淡出

改变参数：透明度，最终也是将display:none

写法：元素.fadeOut();

参数：

1、速度："slow"、"fast" 或毫秒

2、函数：淡入后执行的函数

3、默认：400毫秒

$("p").fadeOut();

 

三、.fadeTo()——到指定透明度

描述：可以淡入或淡出到指定的透明度，不是全部隐藏或者全部显示

写法：$("元素").fadeTo(时间，透明度);

参数：

参数1：单位是ms

参数2：数值单位在0-1

$('#div2').fadeTo(1000,0.5);

 

四、.fadeToggle()——来回切换元素的淡入淡出

改变参数：透明度

写法：元素.fadeToggle();

参数：

1、速度："slow"、"fast" 或毫秒

2、函数：淡入后执行的函数

3、默认：400毫秒

$("p").fadeToggle();