wiggle.js是一个超轻（缩小了700字节）的jQuery插件，它使您能够使用jQuery的动画（）方法

如何使用它:

1.加载最新的jQuery库后，下载并插入wiggle.js插件的缩小版。

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/src/jquery.wiggle.min.js"></script>

2.在指定的元素上启用“摇摆”动画。

<div class="box">
  Wiggle.js Demo
</div>

$(function(){
  $(".box").wiggle();
});

3.设置动画速度。默认值：50。

$(function(){
  $(".box").wiggle({
    speed: 100
  });
});

5.设置摆动的次数。默认值：3。

$(function(){
  $(".box").wiggle({
    wiggles: 5
  });
});

6.设置要移动的像素数。默认值：5。

$(function(){
  $(".box").wiggle({
    travel: 10
  });
});

7.动画结束时触发一个函数。

$(function(){
  $(".box").wiggle({
    callback: function(){
      // do something
    }
  });
});

预览截图

jQuery中微妙 摇摆/抖动动画 Wiggle.js