<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="版面拆分.aspx.cs" Inherits="easyui练习.版面拆分" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="JS/easyUI/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="JS/easyUI/jquery.easyui.min.js" type="text/javascript"></script>
<script src="JS/easyUI/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<link href="JS/easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="JS/easyUI/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="JS/wikmenu.js" type="text/javascript"></script>
<script src="JS/wikmain.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowPage(url) {
$(‘#content‘).load(url);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="easyui-layout" style="width:1000px; height:600px;">
<div region="west" style=" width:150px" title="Navigator" split="true">
<p style="padding:5px;margin:0;">Select language:</p>
<ul>
<li><a href="javascript:void(0)" onclick="ShowPage(‘java.htm‘)">java</a></li>
<li><a href="javascript:void(0)" onclick="ShowPage(‘CSharp.htm‘)">c#</a></li>
<li><a href="javascript:void(0)" onclick="ShowPage(‘vb.htm‘)">vb</a></li>
<li><a href="javascript:void(0)" onclick="ShowPage(‘c++.htm‘)">c++</a></li>
</ul>
</div>
<div id="content" region="center" title="Language" href="java.html" style="padding:5px;">
</div>
</div>
</div>
</form>
</body>
</html>
easyui版面拆分
原文：http://blog.csdn.net/hws1058648831a/article/details/18792707
