模块设计tabs

1.引入jquery 插件 tabs

<title>tabs</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css">
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>

2.制作tabs选项卡面板

<div data-options="region:'center'">
	<!-- 制作tabs选项卡面板 -->
	<div class="easyui-tabs" data-options="fit:true">
		<!-- 使用子div表示每个面板 -->
		<div data-options="iconCls:'icon-cut'" title="面板一">111</div>
		<div title="面板二">222</div>
		<div title="面板三">333</div>
		</div>
</div>