jQuery淡入淡出效果

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：Visual Studio 2015  jQuery淡入淡出效果
作者： 李杨
撰写时间：2019-02-01
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~   
jQuery让元素的淡入淡出的显示可以带来非常好的视觉效果，今天就来给大家分享一下jQuery的淡入淡出效果。
jQuery有下面四种fade方法：它们可选的参数speed规定效果的时长可以取“slow”，“fast”或者毫秒。然后callback参数是fading完成后所执行的函数名称。这些要用的参数跟slideToggle（）滑动的方法都是一样的。

jQuery fadeIn（）用于淡入已隐藏的元素。
如图所示例子：

 

jQuery fadeOut（）方法用于淡出可见的元素。
其实代码都是差不多的只是方法变了
如图代码如下： 
 
jQuery fadeToggle（）方法可以在fadeIn()和fadeOut（）方法之间进行切换。
如图
 
jQuery fadeTo（）方法允许渐变为给定的不透明度（它的值介于0和1之间）差不多就是（褪色效果）。fadeTo（）方法里必须要的opacity参数将淡入淡出的效果定好的了的值（“它的值介于0和1之间”）。
实例：逐渐改变三个div元素的不透明度如图：
 
 
其他的话也可以了解一下淡入淡出的参数跟描述。
如图：