jQuery笔记——动画设计——渐变效果

调整元素不透明度

浏览器兼容问题：

IE：支持filter滤镜集 ，opacity属性值范围：0（完全透明）—100（不透明）

非IE：支持style.opacity 属性，范围：0（完全透明）—1（不透明）

jQuery 为元素渐隐和渐显定义了3个方法：fadeIn()、fadeOut()、fadeTo()

一、淡入和淡出

fadeIn和fadeOut

fadeIn([duration] ,[callback])

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

fadeOut([duration] ,[callback])

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

参数解释：

duration：一个字符串或数字，用来定义动画将运行多久

easing：一个用来表示使用哪个缓冲函数来过渡的字符串

callback：动画完成时执行的函数

fadeIn和fadeOut：

通过改变透明度的值来实现；透明度为0时，display将会被设为none，以确保该元素不会影响页面布局。

持续时间以毫秒为单位，数值越大，动画越慢；fast ：200ms  ，slow&#