forked from RadiumXie/XWebAdmin
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
124 lines (117 loc) · 6.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!doctype html>
<html lang="cn">
<head>
<meta charset="utf-8"/>
<title>XWebAdmin</title>
<link rel="stylesheet" href="css/layout.css" type="text/css" />
<link rel="stylesheet" href="js/bootstrap/bootstrap.css" type="text/css" />
<!--[if lt IE 9]><script src="js/html5.js"></script><![endif]-->
<script src="js/jquery-1.7.2.min.js" ></script>
<!-- bootstrap -->
<script type="text/javascript" src="js/bootstrap/bootstrap.min.js" ></script>
<script src="js/wisdom/wisdom.plug-in.js"></script>
<script src="js/wisdom/system.js"></script>
</head>
<body>
<header id="header">
<hgroup>
<h1 class="site_title"><a href="index.html"><img alt="logo" src="images/logo.png" class="logo" /></a></h1>
<h2 class="section_title">XWebAdmin</h2>
</hgroup>
</header> <!-- end of header bar -->
<section id="secondary_bar">
<div class="user">
<p>Admin (<a href="#">3 条消息</a>)</p>
<a class="logout_user" href="#modelLogoutDialog" data-toggle="modal" title="Logout">Logout</a>
</div>
<div class="breadcrumbs_container">
<i class="icon-chevron-left" id="toggleMenu"></i>
<article class="breadcrumbs"><a href="index.html">XWebAdmin</a> <div class="breadcrumb_divider"></div> <a class="current">基本表单</a></article>
</div>
</section><!-- end of secondary bar -->
<div id="container" class="clearfix">
<aside id="sidebar" class="column">
<h3>基本功能演示</h3>
<ul class="toggle">
<li class="icn_new_article"><a href="index.html">框架介绍</a></li>
<li class="icn_new_article"><a href="button.html">页面按钮</a></li>
<li class="icn_tags"><a href="form.html">基本表单</a></li>
<li class="icn_new_article"><a href="datagrid.html">基本数据表格</a></li>
<li class="icn_new_article"><a href="jqgrid.html">JQgrid数据表格</a></li>
<li class="icn_categories"><a href="searchdate.html">数据查询</a></li>
<li class="icn_tags"><a href="icon.html">小图标</a></li>
</ul>
<h3>特殊功能</h3>
<ul class="toggle">
<li class="icn_edit_article"><a href="tree.html">树形数据表格</a></li>
<li class="icn_edit_article"><a href="dialog.html">Dialog</a></li>
<li class="icn_edit_article"><a href="#">子表格数据表格</a></li>
<li class="icn_add_user"><a href="#">树形结构</a></li>
<li class="icn_view_users"><a href="#">视频</a></li>
<li class="icn_profile"><a href="#">上传文件</a></li>
<li class="icn_profile"><a href="#">Tab页</a></li>
</ul>
<h3>服务器功能</h3>
<ul class="toggle">
<li class="icn_folder"><a href="#">性能监控</a></li>
<li class="icn_photo"><a href="#">定时任务</a></li>
<li class="icn_audio"><a href="#">MySql备份</a></li>
</ul>
<footer>
<hr />
<p><strong>Copyright © 2012 Radium</strong></p>
<iframe width="0" height="0" src="_cache.html" ></iframe>
</footer>
</aside><!-- end of sidebar -->
<section id="main" class="column">
<article class="module width_full">
<header><h3>XWebAdmin 软件工程部 后台管理界面模板</h3></header>
<div class="module_content">
<aside>
<h2>模板介绍</h2>
<ul>
<li>支持浏览器:Chrmoe,FireFox,IE10。不支持IE6浏览器。</li>
<li>采用HTML5标准编写。</li>
<li>基于<a href="http://wrongwaycn.github.com/bootstrap/docs/index.html" target="new">Bootstrap</a>框架</li>
</ul>
</aside>
<aside>
<h2>模板功能</h2>
<ul>
<li><s>CSS使用LESS编写--<a href="http://www.lesscss.net/" target="new">LESS</a></s></li>
<li>缓存页面常用资源,wisdom.mainfest--<a href="http://radiumxie.iteye.com/blog/1591774" target="new">html5缓存</a></li>
<li>使用jQuery控制css3动画,效率更高。--<a href="http://ricostacruz.com/jquery.transit/">JQUERY TRANSIT</a></li>
<li><s>页面载入时,淡出效果--<a href="http://radiumxie.iteye.com/blog/1591778" target="new">css3动画</a></s></li>
<li>弹出确认对话框--<a href="http://stefangabos.ro/jquery/zebra-dialog" target="new">Zebra_Dialog</a></li>
<li>输入框占位符--<a href="http://www.zhangxinxu.com/wordpress/2012/02/html5-placeholder%E4%BD%BF%E7%94%A8%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB%E5%8F%8A%E6%8B%93%E5%B1%95/" target="new">HTML5</a></li>
<li><s>美化按钮,鼠标经过时高亮动画。--<a href="http://radiumxie.iteye.com/admin/blogs/1595424" target="new">HTML5</a></s></li>
<li><s>美化Checkbox、Radio。--<a href="http://www.itsalif.info/content/ezmark-jquery-checkbox-radiobutton-plugin" target="new">ezMark</a></s></li>
<li>数据表格--<a href="http://www.trirand.com/blog/" target="new">jqGrid</a></li>
<li>表单验证--<a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" target="new">jQuery Validate</a></li>
<li>日期组件--<a href="http://www.eyecon.ro/datepicker" target="new">DATE PICKER</a></li>
<li>树形组件--<a href="http://www.ztree.me" target="new">zTree</a></li>
</ul>
</aside>
</div>
</article>
</section>
</div>
<!-- 退出按钮被点击时。 -->
<div id="modelLogoutDialog" class="modal hide fade" style="display: none; ">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>请确认</h3>
</div>
<div class="modal-body">
<h4>确认退出</h4>
<p>
您确认要退出登录吗?
</p>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-primary">确认退出</a>
<a href="#" class="btn" data-dismiss="modal">不退出</a>
</div>
</div>
</body>
</html>