jQuery UI

マウスのドラッグによる拡大/縮小

 $('div#ex1').resizable();

CSS設定

.ul, li{margin:1em; padding:5px;}
.ui-wrapper{border:1px solid #000}
●デフォルトでは下辺、右辺、右下角のみがドラッグ可能。


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

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