JQuery六：特效

JQuery特效：

～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

基础特效：
1.$(selector).hide([duration][,complete()]): 隐藏元素
  备注:
  a.如果不需要特效可以使用css("display","none")来实现。
  b.duration可以取值"fast"(200毫秒),"slow"(600毫秒)以及具体的毫秒数值
  c.可以通过全局设置jQuery.fx.off=true来关闭所有的动画特效，也包括hide.
2.$(selector).show([duration][,complete()]): 显示元素，其它要点如hide
3.$(selector).toggle([duration][,complete()]): 显示或者隐藏元素，其它要点如hide

淡化fade特效：
1.$(selector).fadeOut([duration][,complete()]): 通过减少opacity逐步淡化的方式隐藏元素。
  备注:
  a.同hide区别是hide是逐步减少元素大小的方式来达到最终隐藏，而fadeOut则是减少元素opacity的方式来达到最终隐藏
  b.duration可以取值"fast"(200毫秒),"slow"(600毫秒)以及具体的毫秒数值
  c.可以通过全局设置jQuery.fx.off=true来关闭所有的动画特效，也包括hide.
2.$(selector).fadeIn([duration][,complete()]): 显示元素，与show的区别及其它要点同fadeOut
3.$(selector).fadeTo(duration,opacity[,complete()]): 改变元素的opacity到指定值
  备注：
  a.opacity为0～1之间的数值，数值越小则越模糊，当opacity=0.0的时候元素不可见但是没有隐藏，这是与fadeOut的区别，当opacity=1.0的时候其效果等同于fadeIn.
  b.其它要点同hide.
4.$(selector).fadeToggle([duration][,complete])：通过控制opacity值的方式显示或者隐藏元素，其要点同hide.


滑动sliding特效：
slideDown,slideUp,slideToggle使用方法及基本作用同show,hide,toggle，区别为执行动画效果不一样，slide是通过控制高度来达到效果。

自定义特效：
1.$(selector).animate(cssProperties[,during][,easing][,complete(){})：设置自定义动画特效，其的cssProperties类似{left:"+=100px",width:"-10px"}的css属性变更设置。
2.$(selector).queue([type]):获取与元素关联的即将执行的functions列表，type默认为fx(标准的效果队列)。
  $(selectro).queue([type],callback(next){}):插入一个function到元素关联的的即将执行的function列表，type默认为fx.
  $(selector).queue([type],newQueue):用新的function队列代替与元素关联的老的function队列
3.$(selector).dequeue([type])：执行以下一个function并从来先进先出队列中删除该function.
备注：queue及dequeue代表了与元素关联的一系列特效function的先进先出队列的操作，如果人为通过queue方法在队列中添加一个function,则在该function执行完毕后一定调用dequeue删除。
4.$(selector).stop([queue][,clearQueue][,jumpToEnd]):停止与元素关联的当前正在执行的动画,queue为队列类型默认为fx；clearQueue参数设置是否清除队列中未执行的动画特效，默认为false；jumpToEnd参数设置是否立即完成当前的动画特效，默认为false.
5.$(selector).clearQueue([type]):在队列中删除所有为执行的function.类似stop(true),但是stop用作动画效果的队列，而clearQueue则可用着所有的通用的队列
6.$(selector).finish([type]):停止正在执行的动画特效，清除队列中排队的动画特效，并完成所有动画特效。类似与stop(true,true),但是finish调用会造成css属性被设置所有动画后的最终状态
7.$(selector).delay(duration[,queueName]):延迟下一个动画特效开始执行时间。
8.jQuery.fx.interval：全局设置所有的动画执行间隔时间，默认为13毫秒。
9.jQuery.fx.off：全局设置是否禁用动画特效，默认为false。