javascript - 使用缓动功能

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 并添加了 position: relative，因为您正在为某个位置设置动画。