Hover Easing 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' 
    }); 
});