jQuery UI API - Effet Clip

Catégorie

Effets

Utilisation

Description :L'effet Clip masque ou affiche un élément en le découpant verticalement ou horizontalement.

clip

Parameters Type Description Valeur par défaut
direction String La direction dans laquelle l'effet Clip masque ou affiche un élément.
vertical découpe les bords supérieurs et inférieurs ; horizontal découpe les bords gauches et droits.		 "vertical"

Exemples

Utilisez l'effet Clip pour afficher ou masquer un div.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>剪辑特效（Clip 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( "clip" );
});
</script>
 
</body>
</html>

Autres extensions