Question

首先，看看这个：ffisher。在这个页面中，当鼠标悬停在名为“جستجو”的框之后，我会发生一些事情。但问题是如果你多次移动和移动鼠标，动画也会运行很多次。我希望这是有限的。我如何使用回调来实现这一目标。

另一个问题是：我使用了动画功能来移动框。从开始就可以看到这个盒子。这是好还是我应该隐藏盒子？

新：为什么模糊不起作用???我希望模糊能够从我之前关注的输入中集中注意力。

Answer 1

您应该停止上一个动画，在.stop()之前使用.animate()方法：

$(document).ready(function () {
    $("#search-body").mouseenter(function () {
        $("#search-body").stop().animate({ top: '80px' });
        $("#search-text-box").focus();
    });

    $("#search-body").mouseleave(function () {
        $("#search-body").stop().animate({ top: '0px' });
        $("#search-text-box").blur();
    });
});

强制jquery函数工作一次

1 个答案: