<!DOCTYPE html>
<html>
<head>
<title>JQuery Resizable</title>
<style type="text/css">
#box{
height:200px;
width:200px;
background-color:#999;
border:1px solid black;
}
</style>
<script type="text/javascript">
 $(document).ready(function(){
  $("#box").resizable({
  animate:true,
  animateDuration:5000,
  animateEasing:'swing',
  ghost:true,
  handles:'all',
  maxHeight:500,
  minHeight:200,
  maxWidth:500,
  minWidth:200
  });
 });
</script>
</head>
<body>
<div id="box"></div>
</body>
</html>