hoverFlow —终止jquery的animation

发布于,归属于jquery插件只剩下板凳啦! 共有314人围观    

点此下载

 

jquery的animation()估计大家很经常用,一定会遇到一种情况,比如你做一个菜单,鼠标滑过,动画启动了,但是jquery的animation会自动进入队列,就出现了一个问题,你有几次滑过,它就会运动完几次,而我们实际的本意是当鼠标移开的时候动画即终止,菜单复位。当然你可以使用jquery的stop()强制终止动画,但并不是完美方案,因为动画师终止了,但没法复位。

详细的来看示例:http://www.2meter3.de/code/hoverFlow/

示例中有个对比,看下就明白这个插件的作用了。
使用:

  1. $('.example3 .anim_queue_example a')
  2.   .hover(function(e) {
  3.     $(this).hoverFlow(e.type, { left: 20 }, 'fast');
  4.   }, function(e) {
  5.     $(this).hoverFlow(e.type, { left: 0 }, 'fast');
  6.   });
(如果您喜欢这篇教程,可以通过支付宝打赏我们1元哦,拜谢!)

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

只剩下板凳了!

  1. xiaoshan5733

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