停止动画jpg

Question

我有一个生成动画jpg的网址。它附带了一个js文件，它使用了top和left的属性。随机值分配给顶部和左侧。整个脚本都是纯粹的javascript。[使用jQuery或jQuery animate]

我想要的是

要停止动画，直到我执行鼠标悬停。

我的代码

$('#s0').live('mouseover',function(){
     var top = $(this).css("top");
     var left = $(this).css("left");
     $(this).css({top:top, left:left}).animate({top:top, left:left}); 
     console.log(top);
     console.log(left);
})

这只停留了大约一秒钟，因为animate需要一个参数来显示ms中保持动画的时间。

我尝试添加setinterval和hover。

约束

我无法对主js文件进行任何更改。我有一个额外的代码来编写这个工作。[它是一个搞砸的系统，我必须遵守规则。

Answer 1

试试这个：

$("#s0").on("mouseover", function(){
       $(this).stop();

}).mouseout(function(){
       $(this).animate(  ...  );  // animation continues...
})

Answer 2

jQuery现在建议使用.on()代替live()，以便您可以交换它们，然后“off()方法删除附加了.on（）的事件处理程序”（ from the docs）