JQuery之动画操作

1.jquery 动画
1.基础动画
show() 显示
hide() 隐藏hide(600) 在600ms内逐渐消失 hide('slow') //slow fast normal
toggle() 切换show或者hide 可以传参数


2.渐变动画 主要是透明度 opacity 变化
fadeIn() 渐渐出现 透明度opacity从 0 变成 1
fadeOut() 渐渐消失
fadeTo() 可以控制opacity的变化值 $('p').fadeTo(1000, .3)==>推荐去掉 0.3 之前的 0
fadeToggle() 来回切换


3.滑动动画
slideDown() 向下显示
slideUp() 向上收起
slideToggle()


4.自定义动画  根据一组CSS属性，自定义动画
animate() 重点 ==》主要是实例


5.动画队列
stop(结束动画，立刻完成)  停止动画 
dequeue() 直接跳过动画
finish() 直接完成动画
delay() 延迟动画(只能延迟动画)
jQuery.fx.interval  设置运动时间，不推荐


6.动画插件
配合使用 easing.js 有很多很好的动画效果


7.动画的累加 累减 
在距离效果上 += 就OK了