JQuery：鼠标悬停的链接效果

Question

$(document).ready(function(){
    $("#menu a").mouseover(function(){
        $(this).animate({top: +5}, function(){
            $(this).animate({top: -5});
        });
    });
});

我希望我的菜单中的链接在moused放在它们上方时上下跳跃（一次）。 这段代码的问题在于，如果我将鼠标放在链接上，它会继续向上移动而不会再向下移动，所以我想也许我应该在函数开头删除这个事件，并在它结束时将其替换回来。我真的不知道这是最好的方法......

Answer 1

您可以尝试使用#wooble函数

Answer 2

您是否尝试过mouseenter而不是鼠标悬停？

Answer 3

检查您的链接定位方式。如果我将位置设置为链接的相对位置，那么您的代码对我有用。这是JSFiddle。

http://jsfiddle.net/Nbm6K/