web开发,jsp,js,jquery,弹出层,多页签

JavaScript038

web开发,jsp,js,jquery,弹出层,多页签,第1张

<!doctype html>

<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的功能,并添加了几个额外的功能,比如页面平铺,应用程序栏等等。