Latest web development tutorials

jQuery UI API - effets d'expansion (Puff Effect)

catégorie

Effets spéciaux (effets)

usage

Description: Par élément d' échelle tout en cachant des éléments pour créer des effets de dilatation (Puff Effect).

puff

参数 类型 描述 默认值
percent Number 要缩放到的百分比。 150

Exemples

Utiliser des effets d'expansion (Puff Effect) de commutation d'un div. 

<! DOCTYPE html>
<Html lang = "fr">
<Head>
  <Meta charset = "utf-8">
  <Titre> effets de dilatation (Puff Effect) Demo </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Style>
  #toggle {
    largeur: 100px;
    hauteur: 100px;
    fond: #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> Cliquez n'importe où pour passer. </ P>
<Div id = "toggle"> </ div>
 
<Script>
$ (Document) .cliquez (function () {
  $ ( "#toggle") .toggle ( «Puff»);
});
</ Script>
 
</ Body>
</ Html>

la