8-2. jQuery特效：淡入淡出、定制特效

3）淡入淡出特效

1. fadeOut 方法

通过淡出的方式隐藏匹配元素

fadeOut( [duration] [, easing] [, complete] )

 

2. fadeIn 方法

通过淡入的方式显示匹配元素

fadeIn( [duration] [, easing] [, complete] )

 

3. fadeTo 方法

调整匹配元素的透明度

fadeTo( duration, opacity [, easing] [, complete] ) 

注：opacity的值在0~1之间，表示透明度

 

4. fadeToggle 方法

通过匹配元素的不透明度动画，来显示或隐藏它们

fadeToggle( [duration] [, easing] [, complete] )

 

4）定制特效

animate方法

根据一组CSS属性，执行自定义动画

ainimate( properties [, duration] [, easing] [, complete] )

参数说明：

properties： 一个CSS属性和值的对象，动画将根据这组对象移动值也可以是：+= 或 -=开始的值，那么目标值就是以这个属性

                    的当前值加上或者减去给定的数字来计算的比如：left: '+=50'

注意：   

                  所有用于动画的属性必须是数字的（例如，width, height或者left可以执行动画），除非另有说明除了样式属性，

                  一些非样式的属性，如scrollTop 和 scrollLeft，以及自定义属性，也可应用于动画！要设置整个页面的滚动条不可

                 以将document或者window传入$函数，必须将html,body一起传入才可得到各个浏览器的兼容即：$('html,body')，

                  这就是规定，这么用就ok了！CSS简写属性（例如font,  border等）没有得到充分的支持，即设置时不要用简写方式！

                  并且， 对于这些属性预设值最好不要是"auto" 。

duration： 一个字符串或者数字决定动画将运行多久(默认: 400)

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

easing：   一个字符串，表示过渡使用哪种缓动函数(默认: swing)，jQuery自身提供"linear" 和 "swing"

                  complete：在动画完成时执行的函数，函数内部的this指向执行动画的DOM元素