懸停緩動jQuery

Question

我希望當我懸停緩動工作，但它不起作用：/有沒有解決方案來解決它？隨着時間的推移easeOutQuint 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' 
    }); 
});