4)stop方法
停止匹配元素当前 正在运行 的 动画方法
stop( [queue ] [, clearQueue ] [, jumpToEnd ] )
参数:
queue:停止动画队列的名称(默认值为标准的该元素上面的fx这个动画队列)
clearQueue: 一个布尔值,指示是否取消已列队动画。默认 false
jumpToEnd: 一个布尔值指示是否当前动画方法立即完成。默认false
使用stop方法的传参不同情况:
1. jQuery对象.stop(['fx',]false,false);
简写方式:jQuery对象.stop();
作用:停止当前正在运行的动画方法,然后继续执行当前动画队列中的接下来的动画方法!
2. jQuery对象.stop(['fx',]false,true);
作用:立刻完成当前正在执行的动画方法,然后继续执行队列中下面的动画方法!
3. jQuery对象.stop(['fx',]true,false);
简写方法:jQuery对象.stop(['fx',],true);
作用:停止正在执行的动画方法,清除队列中其他的动画方法!
4. jQuery对象.stop(['fx',]true,true);
作用:立刻完成当前正在执行的动画方法,清除除列队中其他的所有动画方法!
5)finish方法
停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画
finish( [queue ] )
参数:queue:停止动画队列中的名称(默认: 'fx')
当finish()在一个元素上被调用,立即停止当前正在运行的动画和所有排队的动画(如果有的话),
并且他们的CSS属性设置为它们的目标值。所有排队的动画将被删除。
配置动画特效
1)$.fx.interval
这个属性可以设置每隔多少毫秒绘制一帧图像。默认是13毫秒。
该属性值越小,在速度较快的浏览器中(例如,Chrome),动画执行的越流畅,
但是会影响程序的性能并且占用更多的 CPU 资源
2)$.fx.off
全局的禁用所有动画
当这个属性设置为true的时候,调用时所有动画方法将立即设置元素为他们的最终状态
补充:
默认情况下,我们在同一个元素上执行的动画方法,会被自动的放入该元素下的fx队列中!
fx队列会自动执行里面的第一个方法,当前的动画方法执行完之后还会自动执行fx队列中的下一个方法。
非动画方法,并不会被放入fx队列中!