jQuery UI

拡大/縮小のドラッグ中は枠の大きさを点線で示す

 $('div#ex1').resizable({ proxy:'true' });

CSS設定

div#ex1{
width:250px; height:100px;
margin:3px; padding:3px;
overflow:hidden;
background-color:#F1F1F1;
}

proxy{
border:1px dashed #000;
}
●デフォルトでは下辺、右辺、右下角のみがドラッグ可能。だが肝心のドラッグしたときの点線枠がどうしても表示されない。不明


実行例 
マウスのドラッグで拡大/縮小

html
<div id="ex1" class="ui-wrapper">マウスのドラッグで拡大/縮小</div>