Latest web development tutorials

jQuery UI API - effetti di trasferimento (Transfer Effect)

categoria

Effetti speciali (Effetti)

uso

Descrizione: L'elemento di profilo ad un altro elemento.

transfer

参数 类型 描述
className String 转移的元素将接收的参数化的 class 名称。
to String jQuery 选择器，要转移到的元素。

Quando si tenta di visualizzare l'interazione tra due elementi è molto utile.

Trasferimento elemento con se stesso, di classe ui-effects-transfer , altri stili bisogno di essere definito da voi, ad esempio, aggiungere uno sfondo o un bordo.

Esempi

Fare clic sull'elemento verde trasferirlo ad un altro elemento. 

<! Html Doctype>
<Html lang = "it">
<Head>
  <META charset = "utf-8">
  <Title> effetti di trasferimento (Transfer effetto) Demo </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Style>
  div.green {
    width: 100px;
    Altezza: 80px;
    sfondo: verde;
    border: 1px nero solido;
    position: relative;
  }
  div.red {
    margin-top: 10px;
    width: 50px;
    Altezza: 30px;
    sfondo: rosso;
    border: 1px nero solido;
    position: relative;
  }
  .ui-effects-trasferimento {
    border: 1px nero punteggiato;
  }
  </ 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>
 
<Div class = "green"> </ div>
<Div class = "red"> </ div>
 
<Script>
$ ( "Div") .Click (function () {
  var i = 1 - $ ( "div") .index (questo);
  $ (This) .effect ( "trasferimento", {a: $ ( "div") .eq (i)}, 1000);
});
</ Script>
 
</ Corpo>
</ Html>