使用缓动功能

Question

我找到了用于简化功能的js库，但不知何故它不起作用......

这是我创建的jsfiddle。

jsfiddle

  $(".top").click(function(){
        $(".top").animate({ left: '100px' }, 600, 'easeOutBack');
  });

（它没有js / easing.js选项）

我试图在点击时为div实现弹跳上下动画。 任何帮助将不胜感激！

Answer 1

我已经更新了你的jsfiddle以做你想做的事：

http://jsfiddle.net/qy57G/7/

我使用jquery 1.9.1和jquery.ui 1.9.2

$(".top").on('click', function () {
    $(".top").animate({
        left: '100px'
    }, 600, 'easeOutBack');

});

此外，我删除了你的浮动css并添加了位置：相对于你动画到一个位置。