Latest web development tutorials

effetti di espansione (Puff effetto) - API jQuery UI

categoria

Effetti speciali (Effetti)

uso

Descrizione: Con il ridimensionamento elemento nascondendo gli elementi per creare effetti di espansione (Puff Effect).

puff

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

Esempi

Utilizzare gli effetti di espansione (Puff effetto) di commutazione di un div. 

<! Html Doctype>
<Html lang = "it">
<Head>
  <META charset = "utf-8">
  <Title> effetti di espansione (Puff Effect) Demo </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Style>
  #toggle {
    width: 100px;
    altezza: 100px;
    sfondo: #ccc;
  }
  </ Style>
  <Src = "script // code.jquery.com/jquery-1.10.2.js"> </ script>
  <Src = "script // code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ Head>
<Body>
 
<P> Clicca ovunque per passare. </ P>
<Div id = "Toggle"> </ div>
 
<Script>
$ (Document) .Click (function () {
  $ ( "#toggle") .toggle ( "Puff");
});
</ Script>
 
</ Corpo>
</ Html>