如何給JS函數添加彈跳效果

Question

如何爲此滑入功能添加「彈跳」效果;

$(window).load(function(){ 

$('.show').hover(function() { 
$('.tool_hover').animate({ 
    'left':'190px'}, 
         'slow'); 
},function() { 
$('.tool_hover').animate({ 
    'left':'3000px'}, 
         'slow'); 
}); 

}); 

這樣，當「tool_hover」到190px完成其滑動它的到來完全停止前反彈從左到右。

Answer 1

添加了jQuery插件緩和：

http://gsgd.co.uk/sandbox/jquery/easing/

然後 'easeInOutBack' 添加到您的動畫語法。它看起來像這樣：

$('.show').hover(function() { 
    $('.tool_hover').animate({'left':'190px'}, {left:'easeOutBack'}, 'slow'); 
},function() { 
    $('.tool_hover')$('.tool_hover').animate({'left':'3000px'}, {left:'easeOutBack'}, 'slow'); 
}); 

Answer 2

jQuery UI具有反彈效果。

UI/Effects/Bounce