如何为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