📅 最后修改于: 2023-12-03 15:02:12.670000 🧑 作者: Mango
jQuery UI 是 jQuery 提供的一个 UI 套件，内置了很多实用的组件和效果。其中之一就是抖动效果，简单易用。
要使用 jQuery UI 的抖动效果，首先需要引入 jQuery 和 jQuery UI。可以从官网获得下载链接：http://jqueryui.com/
<head>
<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/jquery-ui.min.js"></script>
</head>
使用抖动效果很简单，只需要调用 effect() 方法即可。该方法接受两个参数：
shake：抖动的速度和效果times：抖动的次数<script>
$(document).ready(function() {
// 点击按钮，触发抖动效果
$('button').click(function() {
// 按钮抖动 5 次，速度为 200（单位：ms）
$(this).effect('shake', { times: 5, duration: 200 });
});
});
</script>
<body>
<button>点我抖动</button>
</body>
点击下面的按钮，可以看到抖动效果的演示：
effect() 方法第二个参数可以接受其他的配置参数，来定制化抖动效果的属性。以下是常用的几个参数：
distance：抖动的距离，默认为 20（单位：像素）direction：抖动的方向，可选值有 up、down、left、right、horizontal（左右抖动）、vertical（上下抖动）easing：缓动函数，控制动画的过渡效果，默认为 'swing'，可选值有 'linear'、'easeInQuad'、'easeOutQuad'、'easeInOutQuad' 等complete：回调函数，动画结束后触发具体的用法和参数说明，可以参考官方文档：http://api.jqueryui.com/shake-effect/