PerfectEquation
/
GZ


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
							<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<!--框架必需start-->
<script type="text/javascript" src="../../libs/js/jquery.js"></script>
<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
<script type="text/javascript" src="../../libs/js/framework.js"></script>
<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="../../"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->

<!--基本选项卡start-->
<script type="text/javascript" src="../../libs/js/nav/basicTabModern.js"></script>
<!--基本选项卡end-->
</head>
<body>
 <div class="box1" style="width: 800px;"><div class="box_topcenter"><div class="box_topleft"><div class="box_topright"></div></div></div><div class="box_middlecenter"><div class="box_middleleft"><div class="box_middleright"><div class="boxContent" style="overflow: visible;height:500px;">
 	 <fieldset> 
     <legend>基本使用</legend>
    使用基本选项卡时需要手动渲染，其余用法与组件API一致。
	<div class="basicTabModern" id="tab-1">
		<div name="选项1" style="width:400px;height:200px;">
			内容1<br />内容1
		</div>
		<div name="选项2" style="width:400px;height:200px;">
			内容2<br />内容2
		</div>
		<div name="选项3" style="width:400px;height:200px;">
			内容3<br />内容3
		</div>
		<div name="选项4" style="width:400px;height:200px;">
			内容4<br />内容4
		</div>
	</div>
	  </fieldset>
	  <div class="height_15"></div>
</div></div></div></div><div class="box_bottomcenter"><div class="box_bottomleft"><div class="box_bottomright"></div></div></div></div>
	  
</body>
<script>
	function initComplete(){
		$("#tab-1").render();
	}
</script>
</html>