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

我要下载浏览效果

加入收藏

本站默认解压密码：19jp.com 或 19jp_com

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

相关热词： Wiggle.js 动画抖动摇摆微妙 jQuery