<!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>jQuery DIV 后台管理界面</title>
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/jQuery.niceTitle.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.divcorners.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/prettyCheckboxes.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.layout.js"></script>
<script type="text/javascript" src="js/jQuery.niceTitle.js"></script>
<script type="text/javascript" src="js/jquery.blockUI.js"></script>
<script type="text/javascript" src="js/jquery.divcorners.min.js"></script>
<script type="text/javascript" src="js/jquery.pngFix.pack.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/prettyCheckboxes.js"></script>
<script type="text/javascript" src="js/jquery.livequery.js"></script>
<script type="text/javascript" src="js/layout.js"></script>
<script type="text/javascript" src="js/admin.js"></script>
</head>
<!--
说明：
由于将原来的jsp页面改为现在的html页面，因此注释掉了页面中的jsp代码，页面中的jsp代码的功能为：
<1>判断用户是否登录，未登录则构建Ajax登录框，否则不构建
<2>显示登录用户的相关信息，如：用户名、角色等
为了比较全面的展示整个后台管理框架，这里也将在静态页面中为大家模拟登录功能（由于静态页面无法动态获取用户登录后的信息，所以每次刷新页面都要求登录，本来想引入Cookie插件来保存登录信息，但觉得这是仅仅是模拟一下登录功能，也就不必这么麻烦了，刷新重新登录一下就是）
-->
<!--<%
String _username = "", _userrole = "", _userpassword = "";
boolean islogin = false;
TUsers user = new TUsers();
if(null != session.getAttribute("sessionUser")){
user = (TUsers)session.getAttribute("sessionUser");
islogin = true;
}
if(islogin){
_username = user.getUUsername();
_userpassword = user.getUPassword();
if(user.getTRole()!=null){
_userrole = user.getTRole().getRName();
}
}else{
_username = "";
}
%>-->
<body>
<div class="ui-layout-west">
<div class="header">系统主菜单</div>
<div class="content overflow">
<img src="images/ajax-loader.gif" />数据处理中...
</div>
</div>
<div class="ui-layout-east">
<div class="header">便捷工具箱</div>
<div class="subhead pngfix"><img src="images/operating.png" /><span id="action_title"></span></div>
<div class="content">
</div>
<div class="footer">I'm a footer</div>
</div>
<div class="ui-layout-north">
<div class="content">
<div id="head-top">
<div id="logo"><img src="images/logo_test.gif" /></div>
<div id="quick-menu" class="pngfix">
<img align="absbottom" vspace="5px" src="images/user.png" />欢迎：
<a class="lightBlue" href="javascript:void(0);" id="userinfo">
<span id="name_span"><!--<%=_username %>-->admin</span>
</a>，
<a class="lightBlue" href="javascript:void(0);" id="userpwd">
<span id="pwd_span">修改密码</span>
</a>，
用户角色：<span id="role_span"><!--<%=_userrole %>-->超级管理员</span>，
<a class="lightBlue" href="javascript:void(0);" id="logout">退出</a>
</div>
<br class="clearfloat" />
</div>
<div id="head-toolbar">
<div id="layout-toolbar">
<ul class="toolbar">
<li id="tbarToggleNorth" class="first"><span></span></li>
<li id="tbarOpenSouth"><span></span></li>
<li id="tbarCloseSouth"><span></span></li>
<li id="tbarPinWest"><span></span></li>
<li id="tbarPinEast" class="last"><span></span></li>
</ul>
</div>
<div id="notice" class="pngfix">
<img align="absbottom" vspace="5px" src="images/notice.png" /> 最新公告：
</div>
<br class="clearfloat" />
</div>
</div>
</div>
<div class="ui-layout-south">
<div class="content">
IT北瓜 © 版权所有 2009 Design by <a class="lightBlue" href="http://www.imleeo.com">leeo</a>
</div>
</div>
<div class="ui-layout-center">
<div class="header" class="pngfix"><img align="absbottom" vspace="5px" src="images/location.png" />当前位置：首页<span id="location"></span></div>
<div class="ui-layout-content">
<!--<div id="dialog-div" style="display: none;">
<div id="dialog-content"></div>
</div>-->
<div id="data-div"></div>
</div>
</div>
<!-- 这里的if判断作用就是决定是否构建登录框，这里将if判断注释掉则每次刷新页面都会构建登录框 -->
<!-- <%if(!islogin){%>-->
<div id="login-container">
<div id="login-div">
<form id="login-form" action="" method="post">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="80">用户名：</td>
<td><input type="text" name="users.UUsername" id="u_username" maxlength="30" class="username niceTitle" title="请输入imleeo" /></td>
</tr>
<tr>
<td width="80">密码：</td>
<td><input type="password" name="users.UPassword" id="u_password" maxlength="16" class="upwd niceTitle" title="请输入imleeo.com" /></td>
</tr>
<tr>
<td width="80">验证码：</td>
<td><input type="text" name="checkCode" id="checkCode" maxlength="4" class="rcode niceTitle" title="验证码只能是4位数字" onkeyup="value=value.replace(/[^\d]/g,'');" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''));" /><img align="absmiddle" id="imgcode" style="cursor: pointer;" alt="点击更换验证码！" onclick="changeValidateCode();"/></td>
</tr>
<tr>
<td id="login-msg" height="30"> </td>
<!-- 由于演示这个例子取消了form插件提交方式，因此将登录按钮类型改为button -->
<td><!--<input type="submit" value="登 录" />--><input type="button" id="testLogin" value="登 录" /> <input type="reset" value="重 置" /></td>
</tr>
</table>
</form>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
changeValidateCode();
$.blockUI({
message: $('#login-container'),
css: {
border: 'none',
width: '0px',
height: '0px',
cursor: 'default'
}
});
$("#login-div").dcCreate({
imgPrefix: "images/img-",
fileType: ".png",
expand: 10,
radius: 10,
position: "outside"
});
JQuery_Layout.rar （93个子文件） 
layout 
blank.gif 43B css ui-lightness images 
ui-icons_cd0a0a_256x240.png 4KB ui-bg_highlight-soft_75_cccccc_1x100.png 101B ui-bg_glass_75_dadada_1x400.png 111B ui-bg_glass_55_fbf9ee_1x400.png 120B ui-icons_454545_256x240.png 4KB ui-icons_222222_256x240.png 4KB ui-icons_888888_256x240.png 4KB ui-bg_flat_75_ffffff_40x100.png 178B ui-bg_glass_75_e6e6e6_1x400.png 110B ui-bg_flat_0_aaaaaa_40x100.png 180B ui-bg_glass_95_fef1ec_1x400.png 119B ui-icons_2e83ff_256x240.png 4KB ui-bg_glass_65_ffffff_1x400.png 105B
jquery-ui-1.7.2.custom.css 27KB jquery.divcorners.css 453B prettyCheckboxes.css 743B layout.css 14KB jQuery.niceTitle.css 828B
jQuery-div-layout.html 13KB menu.html 3KB imTest.html 6KB images go-lt-on.gif 247B img-top-right.png 240B toggle-rt.gif 872B warning.gif 70B username.gif 1001B img-bottom.png 135B header_bg.gif 229B resizable-n.gif 341B v-warning.gif 359B go-dn-off.gif 247B checkbox.gif 1KB img-bg.png 3KB go-dn-on.gif 246B sub_header_bg.png 222B logo_test.gif 3KB delete.gif 96B menu_topline.gif 1KB img-bottom-right.png 208B go-lt-off.gif 246B img-right.png 132B resizable-e.gif 338B operating.gif 1KB search.gif 84B notice.png 3KB password.gif 1KB go-up-on.gif 247B
7114.jpg 1KB location.png 3KB img-bottom-left.png 211B edit.gif 91B add.gif 91B user.gif 310B go-rt-off.gif 246B resizable-s.gif 341B img-top.png 140B menu_bg.gif 2KB noRecord.png 5KB operating.png 4KB toggle-dn.gif 856B img-top-left.png 209B toggle-up.gif 856B go-rt-on.gif 246B pin-up-on.gif 241B bg-header.gif 271B notice.gif 983B go-up-off.gif 248B ajax-loader.gif 6KB v-ok.gif 231B v-input.gif 565B img-left.png 131B pin-dn-off.gif 251B toggle-lt.gif 871B user.png 3KB pin-up-off.gif 237B sub_header_bg_over.png 212B resizable-w.gif 339B close_open.png 239B pin-dn-on.gif 252B radio.gif 1KB js layout.js 5KB jQuery.niceTitle.js 5KB jquery.blockUI.js 15KB jquery.form.js 23KB jquery.layout.js 81KB admin.js 3KB jquery.livequery.js 7KB jquery-ui-1.7.2.custom.min.js 188KB jquery.pngFix.pack.js 2KB jquery.divcorners.min.js 4KB prettyCheckboxes.js 2KB jquery.easing.1.3.js 8KB
- 1
- 2
- 3
前往页