javascript - 如何在 JS 函数中添加弹跳效果

Question

我如何为这个滑入功能添加“弹跳”效果；

$(window).load(function(){

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

});

因此，当“tool_hover”完成滑入 190 像素时，它会从左到右弹跳，然后完全停止。

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/效果/反弹