jQuery UI API - Shake Effect

Category

Effects

Usage

Description:Shake an element multiple times vertically or horizontally.

shake

Parameter Type Description Default value
direction String A value of "left" or "right" will shake the element horizontally, while a value of "up" or "down" will shake the element vertically. This value specifies the direction of the first step when the element moves along the axis. "left"
distance Number Distance to vibrate. 20
times Integer Number of vibrations. 3

Example

Shake a div.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>震动特效（Shake Effect）演示</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <style>
  #toggle {
    width: 100px;
    height: 100px;
    background: #ccc;
  }
  </style>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>
<body>
 
<p>点击任意地方进行震动。</p>
<div id="toggle"></div>
 
<script>
$( document ).click(function() {
  $( "#toggle" ).effect( "shake" );
});
</script>
 
</body>
</html>

other extensions