what? jquery easyui是基于jquery的ui插件集合体,能够帮助web开发者更轻松的打zai出gn丰富bq下关的ui界面
why
<!-- 引入easyui的css -->
<link rel="stylesheet"type="text/css"href="/easyuijs/jquery">
<!-- 引入eayui的图标库-->
<link rel="stylesheet"type="text/css"href="/easyuijs/jquery">
<!-- 引入jquery的类库 -->
<script type="text/javescript"src="/easyuijs/jquery-easyui-1.5.5.2"></script>
<!-- 引入easyui的类库 -->
<script type="text/javescript"src="/easyuijs/jquery-easyui-1.5.5.2"></script>
<!-- 引入easyui的中文包 支持中文 -->
<script type="text/javescript"src="js/jquery-easyui-1.5.5.2"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javescript">
alert(/easyui)
</script>
</head>
north 表示 方位
<body class="easyui-layout">
<div data-options="region:'north',split:true" style="height:85px"></div>
<h1>书籍后台管理/easyui</h1>
</div>
<div data-options="region:'south',split:true" style="height:68px"></div>
<h4>©沉山工作室版权所有, 违权使用必究</h4>
</div>
<div data-options="region:'west',title:'功能导航' split:true" style="height:50px;"></div>
<div data-options="region:'center',title:'center',title:'center title'" style="padding:50px;background:#fff;"></div>
</body>
</html>