javascript – 如何立即调用hover()函数的handlerOut？

我是Javascript&的新手jQuery一般.我有以下简单的jQuery代码片段来更改/动画圆的宽度：

<script type="text/javascript">
    $("#circle").hover(function() {
        $(this).animate({width: "100%"}, 3000)
    },function() {
        $(this).animate({width: "100px"}, 3000)
    });
</script>

但是,我真正想要的是中断handlerIn函数(第一个在悬停内部)并在我的鼠标离开圆圈时立即调用handlerOut.这意味着,当我将鼠标悬停在圆圈上时,圆圈应该动画(增加)宽度,但是一旦我的鼠标离开,它应该回动(减小)到原始宽度(而不是达到100％宽度然后返回)背部).希望这是有道理的.谢谢

解决方法:

看看这是否有效.

http://api.jquery.com/stop/

<script type="text/javascript">
    $("#circle").hover(function() {
        $(this).animate({width: "100%"}, 3000)
    },function() {
        $(this).stop();
        $(this).animate({width: "100px"}, 3000)
    });
</script>