博客

以下是关于 jQuery UI 抖动效果的详细攻略：

jQuery UI 抖动效果

jQuery UI 提供了一个名为 shake 的方法，用于实现抖动效果。该方法可以使元素在水平和垂直方上抖动，可以设置抖动的次数和距离。

语法

$( ".selector" ).effect( "shake", {
  times:,
  distance: number
}, duration );

参数

• times：设置抖动的次数。
• distance：设置抖动的距离，以像素为单位。
• duration：设置抖动持续时间，以毫秒为单位。

示例一：基本抖动效果

<div id="myDiv" style="width: 200px; height: 200px; background-color: red;"></div>

<script>
$( "#myDiv" ).effect( "shake" );
</script>

这使 id 为 myDiv 的元素具有抖动效果，并且默认抖动 3 次，每次抖动距离为 5 像素。

示例二：设置抖动次数和距离

<div id="myDiv" style="width: 200px; height: 200px; background-color: red;"></div>

<script>
$( "#myDiv" ).effect( "shake", {
  times: 5,
  distance: 10
}, 1000 );
</script>

这将使 id 为 myDiv 的元素具有抖动效果，并且抖动 5 次，每次抖动距离为 10 像素，持续时间为 1000 毫秒。

总结：

jQuery UI 的 shake 方法可以实现元素的抖动效果，并且可以设置抖动的次数和距离。使用该方法可以方便地实现元素的抖动效果。

以上是关于 jQuery UI 抖动效果的详细攻略，包括语法和两个示例。