<!DOCTYPE html><html><head><metacharset="UTF-8"><title>Basic Resizable - jQuery EasyUI Demo</title><linkrel="stylesheet"type="text/css"href="../../themes/default/easyui.css"><linkrel="stylesheet"type="text/css"href="../../themes/icon.css"><linkrel="stylesheet"type="text/css"href="../demo.css"><script type="text/javascript"src="../../jquery.min.js"></script><script type="text/javascript"src="../../jquery.easyui.min.js"></script></head><body><h2>Basic Resizable</h2><p>Click on the edge of box and move the edge to resize the box.</p><divstyle="margin:20px 0;"></div><divclass="easyui-resizable"data-options="minWidth:50,minHeight:50"style="width:200px;height:150px;border:1px solid #ccc;"><divstyle="padding:20px">Resize Me</div></div><divid="dd"class="easyui-draggable easyui-resizable"data-options="handle:'#mytitle'"style="width:200px;height:150px;border:1px solid #ccc"><divid="mytitle"style="background:#ddd;padding:5px;">Title</div><divstyle="padding:20px">Drag and Resize Me</div></div></body></html>