jQueryのUIのAPI - 移動効果(移動効果)
カテゴリ
使用法
説明:別の要素への輪郭要素。
transfer
参数 | 类型 | 描述 |
---|---|---|
className | String | 转移的元素将接收的参数化的 class 名称。 |
to | String | jQuery 选择器,要转移到的元素。 |
2つの要素間の相互作用を可視化しようとすることは非常に便利です。
、それ自体でクラス要素を転送ui-effects-transfer
、他のスタイルは、背景や枠線を追加し、例えば、ユーザーが定義する必要があります。
例
緑の要素をクリックして別の要素に転送します。
<!DOCTYPE HTML> <HTML LANG = "EN"> <ヘッド> <メタ文字セット= "UTF-8"> <タイトル>移動効果(移動効果)デモ</タイトル> <リンクのrel = "スタイルシート"のhref = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <スタイル> div.green { 幅:100ピクセル; 高さ:80px; 背景:緑; 国境:1pxの黒一色。 位置:相対; } div.red { マージントップ:10pxの; 幅:は50px; 高さ:30px; 背景:赤; 国境:1pxの黒一色。 位置:相対; } .ui-効果転送{ 国境:1pxの破線の黒。 } </スタイル> <SCRIPT SRC = "// code.jquery.com/jquery-1.10.2.js"> </スクリプト> <SCRIPT SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </スクリプト> </ HEAD> <ボディ> <DIVクラス= "緑"> </ div>の <DIVクラス= "赤"> </ div>の <スクリプト> $( "本部").click(関数(){ VAR I = 1 - $( "div要素」).INDEX(この); $(この).effect(「転送」、{へ:$( "div要素」).EQ(I)}、1000); }); </スクリプト> </ BODY> </ HTML>