<html>
<head>
<script src="jquery-easyui/jquery.min.js"></script>
<script src="jquery-easyui/jquery.easyui.min.js"></script>
<script src="jquery-easyui/easyloader.js"></script>
<script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />
</head>
<body>
<p id="cc" class="easyui-layout" style="width:600px;height:400px;" >
<p region="north" title="North Title" style="height:100px;"></p>
<p region="south" title="South Title" split="true" style="height:100px;"></p>
<p region="east" title="East" split="true" style="width:100px;"></p>
<p region="west" split="true" title="West" style="width:100px;"></p>
<p region="center" title="center title" ></p>
</p>
<!--
title：佈局面板的標題。
<p id="cc" class="easyui-layout" style="width:600px;height:400px;">
<p region="north" title="North Title" split="true" style="height:100px;"></p>
</p>
region：定義佈局面板的位置（方向），可以取下列值的其中之一：north, south, east, west, center。
<p id="cc" class="easyui-layout" style="width:600px;height:400px;">
<p region="north" title="North Title" split="true" style="height:100px;"></p>
<p region="south" title="South Title" split="true" style="height:100px;"></p>
<p region="east" title="East" split="true" style="width:100px;"></p>
<p region="west" split="true" title="West" style="width:100px;"></p>
<p region="center" title="center title" href="1.html" style="padding:5px;background:#eee;"></p>
</p>
border：設置為true將顯示佈局面板的邊框。
<p id="cc" class="easyui-layout" style="width:600px;height:400px;">
<p region="north" border=true title="North Title" split="true" style="height:100px;"></p>
</p>
split：如果設置為true將顯示一個分隔條，用戶可以拖動分隔條來改變佈局面板的尺寸。
<p id="cc" class="easyui-layout" style="width:600px;height:400px;" >
<p region="north" title="North Title" split="true" style="height:100px;"></p>
</p>
iconCls：一個用來顯示佈局面板頭部圖標的css類。
<p id="cc" class="easyui-layout" style="width:600px;height:400px;" >
<p region="north" iconCls="icon-reload" title="North Title" split="true" style="height:100px;"></p>
</p>
href：一個用來從遠程站點載入數據的超鏈接。
<p id="cc" class="easyui-layout" style="width:600px;height:400px;" >
<p region="north" href="1.html" title="North Title" split="true" style="height:100px;"></p>
</p>
-->
</body>
</html>