limeng
/
cetdz


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334
							<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
    <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
	<script type="text/javascript">
	    $(function ()
	    {
	        $('#rr1').ligerResizable({ handles: 'w, sw, nw' });
	        $('#rr2').ligerResizable({ handles: 's, se, sw' });
	        $('#rr3').ligerResizable();
	    });
         
	</script>
</head>
<body style="padding:10px">
	<div id="rr1" style="width:200px;height:330px;top:30px; left:520px; background:#A6DBD8; z-index:1; position:absolute;"> 
        west resizable only
    </div>

   <div id="rr2" style="width:200px;height:340px;top:30px; left:20px; background:#AFCCF1; z-index:2;position:absolute;"> 
        south resizable only
   </div>

   <div id="rr3" style="width:200px;height:340px;top:30px; left:270px;background:#DA9188; z-index:3;position:absolute;"> </div>
   <div style="display:none">
   
   </div>
</body>
</html>