<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script src="../java_bag_inc/jquery-1.9.1.min.js"></script>
<script src="../jquery-easyui-1.3.5/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.5/themes/metro/easyui.css">
<body>
<div class="easyui-window" title="Layout Window" icon="icon-help" style="width:500pxheight:250pxpadding:5pxbackground: #fafafa">
<div class="easyui-layout" fit="true">
<div region="center" border="false" border="false">
<div class="easyui-tabs" fit="true">
<div title="Home" style="padding:10px">
jQuery easyui framework help you build your web page easily.
</div>
<div title="Contacts">
No contact data.
</div>
</div>
</div>
<div region="south" border="false" style="text-align:rightheight:30pxline-height:30px">
<a class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)">Ok</a>
<a class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)">Cancel</a>
</div>
</div>
</div>
</body>
</html>
需要包含文件,EasyUI的标准CSS文件。1.8以上的JQuery,mini版就行。以及一个标准的EasyUI的js文件,同样mini版就可以
另附上一个完整的EasyUI包
1.Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架。是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。
2.
Fbootstrapp
Fbootstrapp基于Bootstrap并且提供了跟Facebook
iframe
apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML,包括排版、表单、按钮、表格、栅格、导航等等,风格与Facebook类似。
3.
BootMetro
BootMetro框架的灵感来自于Metro
UI
CSS,基于Bootstrap
框架构建,用于创建Windows
8
的Metro风格的网站。包括所有Bootstrap的功能,并添加了几个额外的功能,比如页面平铺,应用程序栏等等。