【jQuery】jQuery基础动画总结

注意：动画基本都是异步的，所以在动画执行之后的某些操作就必须要写到回调函数里

1.动画基础隐藏和显示

注意：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性

$elem.hide()
$elem.hide(options) options含有时间参数，单位毫秒，fast和slow分别代表 200和600，也可以是easing等这些
$elem.show() 和hide()用法一致，效果相反
$elem.toggle([duration ] ，[options],[complete] ); hide和show的相互切换，duration是持续时间，complete为完成时执行的函数

2.下拉上卷效果

注意：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性

.slideDown( [duration ] ,[easing ],[complete ] )，下拉动画，初始状态应为display:none
.slideUp( [duration ] ,[easing ] ,[complete ] ) 上卷动画，参数解释在文章开头
.slideToggle( [duration ] ,[ complete ] ) 下拉上卷的切换动画

3.淡入淡出效果

注意：隐藏的元素，display:none，不会在影响页面的布局

.f