Latest web development tutorials

jQuery UI API - efectos de expansión (Puff efecto)

categoría

efectos especiales (Efectos)

uso

Descripción: Por elemento de escala al tiempo que oculta elementos para crear efectos de expansión (Puff efecto).

puff

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

Ejemplos

Utilice efectos de expansión (Puff efecto) de conmutación un div. 

<! DOCTYPE html>
<Html lang = "es">
<Head>
  <Charset Meta = "UTF-8">
  <Title> efectos de expansión (Puff Efecto) Demo </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Style>
  #toggle {
    Anchura: 100px;
    altura: 100px;
    fondo: #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>
<Cuerpo>
 
<P> Haga clic en cualquier lugar para cambiar. </ P>
<Div id = "cambiar"> </ div>
 
<Script>
$ (Document) .click (function () {
  $ ( "#toggle") .toggle ( "Soplo");
});
</ Script>
 
</ Body>
</ Html>