淡入淡出效果

在JQuery，中如果要实现元素的淡入与淡出的渐变效果，
fadeIn()和fadeOut（）；
fadeToggle();
我们可以使用fadeIn（）方法来实现元素的淡入效果，我们可以使用fadeOut（）方法来实现元素的淡出效果，fadeIn()和fadeout（）这两种方法来配合起来用
语法部分：
$().fadeIn(speed,fn)
$().fadeOut(speed,fn)

Speeds是一个可选参数，表示动画的速度，单位为毫秒。如果省略采用默认速度。Speed有两种值，一种是字符串，一种是数值，fn也是一个可选参数，表示动画执行完的回调函数

效果图

HTML：

创建三个input标签，type写上按钮，在给input标签写上分别的ID
Jq：

我们还可以用fadeToggle（）方法来元素的显示效果。如果要元素显示效果，则可以切换淡出：如元素是隐藏状态，则可以切换为淡出
语法
$().fadeToggle(speed,fn);

Speeds是一个可选参数，表示动画的速度，单位为毫秒。如果省略采用默认速度。Speed有两种值，一种是字符串，一种是数值，fn也是一个可选参数，表示动画执行完的回调函数
字符串 数值
Slow 200
Normal 400
Fast 600

概述：
通过不透明度的变化来开关所有匹配元素的淡入和淡出效果，并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

注释：介绍来自于JQuery文档