jQuery-UI resizable


拡大/縮小可能

<script type="text/javascript">
 jQuery(function(){
  jQuery(‘#mybox’).resizable({
   minHeight: 100,
   maxHeight: 100, min=maxで横方向のみ拡大/縮小可能に
   minWidth: 100,
   grid: 100, グリッド単位で拡大/縮小
   containment: '#parent', 拡大/縮小範囲を指定
  });
 });
</script>

<div id="parent" >
 <div id="mybox" >拡大/縮小可能</div>
</div>

<style>
 #mybox {
  width: 200px;
  height: 100px;
  max-height: 100px;
 }
 #parent {
  width: 100%;
  height: 120px;
  padding: 10px;
 }
</style>

コメントを残す

メールアドレスが公開されることはありません。