徘徊jQuery弹性滑回不起作用

时间:2012-04-23 20:20:24

标签: jquery animation hover jquery-easing

我在使用悬停状态播放返回动画时遇到了一些问题。

$("#porttab").hover(function(){
    $(this).stop().animate({"top" : "40px"}, {
        duration: 'slow',
        easing: 'easeOutElastic'
    }, function(){
        $(this).stop().animate({"top": "-40px"}, {
            duration: 'slow',
            easing: 'easeOutElastic'
        });
    });
});

我不知道我在这里做错了什么,但我有点像一个jquery菜鸟所以请温柔。

我正在使用缓动插件,如果这有所不同。

1 个答案:

答案 0 :(得分:3)

我认为你错过了关闭悬停的第一个参数..见下文

$("#porttab").hover(function() {
    $(this).stop().animate({
        "top": "40px"
    }, {
        duration: 'slow',
        easing: 'easeOutElastic'
    });
}, function() {
    $(this).stop().animate({
        "top": "-40px"
    }, {
        duration: 'slow',
        easing: 'easeOutElastic'
    });
});