Latest web development tutorials

jQuery UI API - efek Transfer (Efek Transfer)

kategori

efek khusus (Efek)

pemakaian

Keterangan: Kontur elemen elemen lain.

transfer

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

Ketika mencoba untuk memvisualisasikan interaksi antara dua elemen ini sangat berguna.

Mentransfer unsur dengan dirinya sendiri, kelas ui-effects-transfer , gaya lain perlu didefinisikan oleh Anda, misalnya, menambahkan latar belakang atau perbatasan.

contoh

Klik pada elemen hijau transfer ke elemen lain. 

<! DOCTYPE html>
<Html lang = "en">
<Head>
  <Meta charset = "utf-8">
  <Title> efek Transfer (Efek Transfer) Demo </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Gaya>
  div.green {
    width: 100px;
    height: 80px;
    background: green;
    border: 1px solid hitam;
    position: relative;
  }
  div.red {
    margin-top: 10px;
    width: 50px;
    height: 30px;
    background: red;
    border: 1px solid hitam;
    position: relative;
  }
  Ui-efek transfer {
    border: 1px dotted hitam;
  }
  </ 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>
</ Kepala>
<Body>
 
<Class Div = "green"> </ div>
<Class Div = "red"> </ div>
 
<Script>
$ ( "Div") .Klik (function () {
  var i = 1 - $ ( "div") .index (ini);
  $ (Ini) .effect ( "Transfer", {ke: $ ( "div") .eq (i)}, 1000);
});
</ Script>
 
</ Body>
</ Html>