07-jQuery动画

jQuery动画

对于所有的动画特效参数有

• speed：动画执行时间
  • 字符串：slow，200毫秒
  • 字符串：normal，400毫秒
  • 字符串：fast，600毫秒
  • 动画时长的毫秒数值
• easing：动画执行速度曲线
  • 字符串：swing，默认
  • 字符串：linear
• callback：动画执行结束后执行的回调函数

显示和隐藏

方法名	描述
jQuery.prototype.show([speed,easing,callback])	元素显示
jQuery.prototype.hide([speed,easing,callback])	元素隐藏
jQuery.prototype.toggle([speed,easing,callback])	元素显示隐藏切换

滑动

方法名	描述
jQuery.prototype.slideDown([speed,easing,callback])	元素下拉
jQuery.prototype.slideUp([speed,easing,callback])	元素上卷
jQuery.prototype.slideToggle([speed,easing,callback])	元素下拉上卷切换

淡入淡出

方法名	描述
jQuery.prototype.fedeIn([speed,easing,callback])	元素淡入
jQuery.prototype.fadeOut([speed,easing,callback])	元素淡出
jQuery.prototype.fadeToggle([speed,easing,callback])	元素淡入淡出切换
jQuery.prototype.fadeTo(opacity,[speed,easing,callback])	元素淡入到指定透明度

自定义动画

方法名	描述
jQuery.prototype.animate(css,[speed,easing,callback])	自定义动画，css参数是指定动画变化的css对象 动画属性为数字时，除非指定否则默认单位是px，而且可以使用+=或-=来计算（单位和计算为字符串属性） 动画属性为字符串时，可以是hide、show或toggle这样的字符串值，调内置的默认动画
jQuery.prototype.stop(clearQueue,jumpToEnd)	停止jQuery对象动画，clearQueue为true则清除后续所有动画，jumpToEnd为true直接跳到动画结束的位置，通常在执行动画前调用stop()即可 stop(true,ture)：动画停止并跳到到动画结束位置 stop(true,false)：动画停止并保留当前动画执行位置 stop(false,true)：动画停止并跳到动画结束位置，执行下一个动画 stop(false,false)：动画停止并在当前位置执行下一个动画
jQuery.prototype.delay(duration)	延时指定时间的jQuery对象的动画执行时间