0

请在这里查看我的代码：http: //jsfiddle.net/FVcJz/7/

当我们将鼠标悬停在文本上时，我们会看到一个动画。如果我们将鼠标悬停在文本上 5 次，则该框将动画 5 次。当第一个动画尚未完成时，如何设置防止 4 个剩余动画的代码？！我的意思是只有在上一次悬停动画没有进行时才有动画..所以，当我们在文本上悬停 5 次时，动画将只运行 1 次（如果 4 次悬停在动画结束之前）

4

3 回答 3

0

首先你的代码不工作所以这是正确的代码：jsFiddle

如果我在动画停止之前单击 n 次，则动画没有问题。你用的是哪个浏览器？

于 2012-08-30T11:56:02.573 回答
0

如果动画已经在进行中，您可以使用 jquery ':animated' 选择器进行测试。

if (!$(".bb").is(':animated'))
{
  //no animation yet
  $(".bb").animate(...);
}
于 2012-08-30T12:02:12.350 回答
0

你可以使用停止方法..

$(function () {

$(".tt").hover(function(){

    $(".bb").stop().animate({width:'150px'}, 500);  

},function() {

    $(".bb").stop().animate({width:'100px'}, 500);  


});     
});

​</p>

于 2012-08-30T12:38:00.990 回答