0

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

$(window).load(function(){

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

});

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

4

2 回答 2

0

添加 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');
});
于 2012-05-21T01:28:16.230 回答
0

jQuery UI 有弹跳效果。

UI/效果/反弹

于 2012-05-21T01:33:14.953 回答