-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
142 lines (139 loc) · 4.21 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>DK Toolkit Index</title>
<link href="resource/css/index_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<div id="logo_area">
<a id="logo">DK Toolkit</a>
</div>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">基础</a></li>
<li><a href="#">控件</a></li>
<li><a href="#">其他</a></li>
</ul>
</nav>
</header>
<div id="main">
<div class="box_header">
<span>首页</span>
</div>
<nav id="sub">
<ul>
<li><a href="#">基础</a>
<ul class="sub">
<li><a href="#">基础工具库</a></li>
<li><a href="#">Ajax</a></li>
<li><a href="#">动画</a></li>
<li><a href="#">模板</a></li>
</ul>
</li>
<li><a href="#">组件</a>
<ul class="sub">
<li><a href="c_localstorage.html">本地存储增强</a></li>
<li><a href="#">Placeholder-jQuery插件</a></li>
<li><a href="#">表单验证工具</a></li>
<li><a href="#">日历</a></li>
<li><a href="#">颜色拾取器</a></li>
<li><a href="#">拖拽</a></li>
<li><a href="#">多种特效幻灯片</a></li>
<li><a href="#">弹出窗口</a></li>
<li><a href="#">动态表格</a></li>
<li><a href="#">模拟右键菜单</a></li>
<li><a href="#">简单的文本编辑器</a></li>
<li><a href="#">自定义下拉框</a></li>
<li><a href="#">标签控件</a></li>
<li><a href="#">树形菜单</a></li>
<li><a href="#">延迟加载</a></li>
<li><a href="#">图片浏览器</a></li>
<li><a href="#">无刷新多图片上传</a></li>
<li><a href="#">图片横向滚动</a></li>
</ul>
</li>
<li><a href="#">其他</a>
<ul class="sub">
<li><a href="#">带角的气泡</a></li>
<li><a href="#">会动的眼珠</a></li>
<li><a href="#">HTML5时间轴</a></li>
<li><a href="#">一个简单的HTML5汽车游戏</a></li>
<li><a href="#">Nodejs的MVC框架</a></li>
<li><a href="#">A star自动寻路</a></li>
<li><a href="#">随着页面滚动的特效-视差特效</a></li>
<li><a href="#">瀑布流</a></li>
</ul>
</li>
</ul>
</nav>
<div id="main_content">
<div class="message">这是自己多年写过的一些内容，将它们整理起来方便自己使用，同时也方便与大家分享。</div>
<div class="warning">警告内容</div>
<div class="success">成功内容</div>
<div class="danger">危险内容</div>
<div class="cline">
<h2>表单默认样式</h2>
</div>
<div class="form_box">
<form method="post">
<div class="fields_box">
<div class="cline">
<label>用户名</label>
<input type="text" name="username" />
</div>
<div class="cline">
<label>密码</label>
<input type="password" name="username" />
</div>
</div>
<div class="cline">
<button class="btn">确定</button>
<button class="btn_gray">取消</button>
</div>
</form>
</div>
<div class="cline">
<h2>标题默认样式</h2>
</div>
<div class="cline">
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
</div>
<div class="cline">
<h2>表格默认样式</h2>
</div>
<div class="cline">
<table class="common">
<tr><th>字段</th><th>字段</th><th>字段</th><th>字段</th></tr>
<tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
<tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
<tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
<tr><td>内容</td><td>内容</td><td>内容</td><td>内容</td></tr>
</table>
</div>
<div class="cline">
<div class="pager">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">49</a></li>
</ul>
</div>
</div>
<div class="cline">
<blockquote>这是引用这是引用这是引用这是引用这是引用这是引用这是引用这是引用这是引用这是引用。</blockquote>
</div>
</div>
<div class="clr"></div>
</div>
<footer>
Copyright © Dukai 2012
</footer>
</body>
</html>