Question

http://jsfiddle.net/ZtpEU/41/继承了jquery中的一个简单动画。我正在尝试制作动画，只有当mouseenter发生时动画才会被执行。此外，您会注意到，如果您疯狂地进入鼠标并离开，则会记住元素动画，这基本上会使它们疯狂地生成动画。

我正在寻找这个动画，只要鼠标悬停在特定元素上，它就会执行。如果移动，则动画将重置并为下一个悬停元素设置动画。

对不起，这真的很难说。我会非常专注于答案。最后，我正在寻找更多this css transition effect（这只发生在谷歌浏览器或我这样做）

Answer 1

您可以使用stop()方法：

$("li").on('mouseenter',function(){
  $(this).animate({"padding-left": "50px"}, "normal");
});
$("li").on('mouseleave',function(){
  $(this).stop(true).animate({"padding-left": "0px"}, "slow");
});

http://jsfiddle.net/ZtpEU/43/

当mouseleave（）的当前选择器时，打破mouseenter动画

1 个答案: