
jquery的animation()估计大家很经常用,一定会遇到一种情况,比如你做一个菜单,鼠标滑过,动画启动了,但是jquery的animation会自动进入队列,就出现了一个问题,你有几次滑过,它就会运动完几次,而我们实际的本意是当鼠标移开的时候动画即终止,菜单复位。当然你可以使用jquery的stop()强制终止动画,但并不是完美方案,因为动画师终止了,但没法复位。
详细的来看示例:http://www.2meter3.de/code/hoverFlow/
示例中有个对比,看下就明白这个插件的作用了。
使用:
- $('.example3 .anim_queue_example a')
- .hover(function(e) {
- $(this).hoverFlow(e.type, { left: 20 }, 'fast');
- }, function(e) {
- $(this).hoverFlow(e.type, { left: 0 }, 'fast');
- });

我习惯这样用,嘿嘿!
$(“ele:not(:animated)”).animate()