Hover Easing jQuery

Question

我希望当我悬停宽松工作时，但它不起作用：/有什么解决方案可以解决吗？随着时间缓和easOutQuint 600例如..

$(function(){
    $(".wrapholder").hover(function(){
        $(".wrap").stop().animate({top:"-320px"},{duration:300}, {easeOutQuint});
    }, function() {
        $(".wrap").stop().animate({top:"0px"},{duration:300}, {easeOutQuint});
    });
});

Answer 1

确保将jQuery UI库应用于您的文档，而不是使用{}，尝试将简易名称包装在引号中，如下所示：

$(".wrapholder").hover(function(){
    $(".wrap").stop().animate({top:"-=320px"}, 1000, 'easeOutQuint');
}, function(){
    $(".wrap").stop().animate({top:"+=320px"}, 1000, 'easeOutQuint');
});

以下是一个工作示例：JSFIDDLE

希望这有帮助！

Answer 2

您的语法不正确。它应该是：

$(".wrapholder").hover(function(){
    $(".wrap").stop().animate({top:"-320px"},{
        duration: 300,
        easing: 'easeOutQuint'
    });
}, function() {
    $(".wrap").stop().animate({top:"0px"},{
        duration: 300,
        easing:'easeOutQuint'
    });
});