|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Resizable
解説要素の大きさをマウスで変更できるようにします。 書式jQuery_Object.resizable([options]); 依存ファイル
引数
戻り値
例例1:様々なオプションで、Resizableな要素を生成します。(オプションと動きを確認してください。) /* --- CSS --- */ .blue-helper {background:#f0f8ff; border:5px solid #4169E1;}
.gray
.orange
handles: "ne,se,sw,nw", ghost: true, grid: [30,30]
.blue
helper: "blue-helper", autoHide: true, aspectRatio: 0.5
.yellow
maxHeight: 300, maxWidth: 350, minHeight: 100, minWidth: 150
.green
handles: "all", ghost: true, animate: true
.pink
リサイズ中
resize: function(e, ui) { $(".resize") .show() .fadeOut(1000); } Resizable要素に付与されるクラスResizable要素には、状態に応じて以下のクラスが設定されます。
ドラッグ枠には、以下のクラスが設定されます。
helperには、以下のクラスが設定されます。
例)resizable("disable")を呼び出され、リサイズ無効状態のResizable要素 <resizable要素 class="ui-resizable ui-resizable-disabled" /> 例)ドラッグ枠(上)
<div class="ui-resizable-handle ui-resizable-n" />
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
© 2007-2011 by いけまさ. All rights Reserved. |