jQuery UI API - Pulsate Effect

Category

Effects

Usage

Description:The Pulsate Effect hides or shows an element by pulsing it.

pulsate

Parameters Type Description Default
times Integer The number of times the element pulsates. When hiding or showing, an extra half pulse is added. 5

Examples

Toggle a div using the Pulsate Effect.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>跳动特效（Pulsate 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" ).toggle( "pulsate" );
});
</script>
 
</body>
</html>

Other Extensions