forked from xiaodai945/WEBJIKE
-
Notifications
You must be signed in to change notification settings - Fork 0
/
web.html
228 lines (195 loc) · 9.18 KB
/
web.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<!--
* Copyright statement *
* This site template is provided free of charge by WEBJIKE
* Official Website: http://webjike.com
* GitHub：https://github.com/xiaodai945/webjike
-->
<html lang="zh-cn">
<head>
<!--头部信息-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>前端导航 - 内容最全的前端开发网址导航</title>
<meta name="keywords" content="前端导航,程序员导航,前端开发学习,前端网址大全,前端教程,小呆导航,网址导航">
<meta name="description" content="前端导航是小呆导航推出的前端开发行业版，收录了大量高质量前端相关站点，为广大用户提供学习网站、学习方向、学习途径、最新前端框架等内容。是国内收录内容最全的前端导航。">
<!-- zui -->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png">
<link rel="stylesheet" href="http://cdn.bootcss.com/zui/1.8.1/css/zui.min.css">
<link href="/css/style.css" rel="stylesheet">
<link href="/css/media.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
</head>
<body data-customize="false">
<!--[if lt IE 8]>
<div class="alert alert-danger">您正在使用 <strong>过时的</strong> 浏览器. 是时候 <a href="http://browsehappy.com/">更换一个更好的浏览器</a> 来提升用户体验.</div>
<![endif]-->
<!--头部导航条-->
<header>
<div class="main">
<h1 class="logo">
<a href="/index.html">
<img src="/images/logo.png">
<span>小呆导航</span>
</a>
</h1>
<nav class="nav">
<ul>
<!--获取导航链接/从首页向下第一个栏目起/只显示nav栏目组-->
<li><a href="/channels/42.html">教程资源</a></li>
<li><a href="/channels/47.html">个人博客</a></li>
<li><a href="/channels/48.html">在线留言</a></li>
<li><a href="/channels/72.html">友情链接</a></li>
<li><a href="/channels/76.html">关于本站</a></li>
</ul>
</nav>
<div class="head-btn visible-lg">
<a href="javascript:;" class="sethome" data-toggle="tooltip" data-placement="bottom" title="设为首页" onclick="setHome(this,window.location);"><i class="fa fa-home"></i></a>
<a href="javascript:;" class="customize" data-toggle="tooltip" data-placement="bottom" title="自定义模式"><i class="fa fa-cog"></i></a>
<a href="javascript:;" class="theme" data-toggle="tooltip" data-placement="bottom" title="更换主题"><i class="fa fa-image"></i></a>
<a href="javascript:;" id="submit_URL" data-toggle="tooltip" data-placement="bottom" title="网址提交"><i class="fa fa-pencil-square-o"></i></a>
</div>
<button class="bar-btn visible-xs visible-sm">
<span class="icon-bar bar-line1"></span>
<span class="icon-bar bar-line2"></span>
</button>
<button class="nav-btn visible-xs visible-sm">
<span class="icon-line top"></span>
<span class="icon-line middle"></span>
<span class="icon-line bottom"></span>
</button>
</div>
</header>
<div id="content">
<!--导航条-->
<div class="mask"></div>
<div class="left-bar">
<div class="header"><h2>导航目录</h2></div>
<nav class="menu" data-ride="menu">
<ul id="treeMenu" class="tree tree-menu" data-ride="tree">
<li class="open">
<a href="/web.html"><i class="fa fa-html5"></i>前端开发</a>
<ul>
<li><a href="/web.html#row-1"><i class="fa fa-video-camera"></i>视频教程</a></li>
<li><a href="/web.html#row-2"><i class="fa fa-book"></i>在线学习</a></li>
</ul>
</li>
<li>
<a href="/ui.html"><i class="fa fa-dribbble"></i>界面设计</a>
<ul>
<li><a href="/ui.html#row-1"><i class="fa fa-graduation-cap"></i>学习教程</a></li>
<li><a href="/ui.html#row-2"><i class="fa fa-lightbulb-o"></i>灵感采集</a></li>
</ul>
</li>
<li>
<a href="/cg.html"><i class="fa fa-youtube-play"></i>影视后期</a>
<ul>
<li><a href="/cg.html#row-1"><i class="fa fa-graduation-cap"></i>学习教程</a></li>
<li><a href="/cg.html#row-2"><i class="fa fa-magic"></i>特效动画</a></li>
</ul>
</li>
<li>
<a href="/offlce.html"><i class="fa fa-keyboard-o"></i>日常办公</a>
<ul>
<li><a href="/offlce.html#row-1"><i class="fa fa-fire"></i>热门推荐</a></li>
<li><a href="/offlce.html#row-2"><i class="fa fa-dashboard"></i>效率资源</a></li>
</ul>
</li>
</ul>
</nav>
<div class="menu-about">
<p>工作 / 学习 / 生活 / 网址导航</p>
<!--版权申明，请遵守MIT开源协议，勿删除-->
<p>Powered by <a href="http://webjike.com" target="_blank" style="color:#98c1ff">小呆导航</a></p>
</div>
</div>
<!--内容-->
<div class="main">
<div class="container mainContent">
<section class="sousuo">
<div class="container">
<div class="row">
<div class="col-md-12">
<form class="sousuo-form" name="f" action="https://www.baidu.com/s" target="_blank">
<div id="Select">
<div class="Select-box hidden-xs">
<ul>
<li class="this_s">百 度</li>
<li class="baidu_s">百 度</li>
<li class="google_s">谷 歌</li>
<li class="bing_s">必 应</li>
<li class="haosou_s">好 搜</li>
<li class="sougou_s">搜 狗</li>
</ul>
</div>
<input type="text" name="wd" id="input" maxlength="100" autocomplete="off">
<div class="qingkong" id="qingkong" title="清空">x</div>
</div>
<button id="so-btn"><i class="icon icon-search visible-xs"></i><span class="hidden-xs">搜 索</span></button>
</form>
</div>
</div>
</div>
</section><!--搜索栏-->
<!--获取每个链接栏目的内容-->
<section class="item card-box" id="row-1">
<div class="container-fluid">
<div class="row">
<div class="item-tit">
<strong><i class="fa fa-video-camera"></i>视频教程</strong>
</div>
<!--获取内容列表-->
<div class="clearfix two-list-box">
</div>
</div>
</div>
</section>
<section class="item card-box" id="row-2">
<div class="container-fluid">
<div class="row">
<div class="item-tit">
<strong><i class="fa fa-book"></i>在线学习</strong>
</div>
<!--获取内容列表-->
<div class="clearfix ">
</div>
</div>
</div>
</section>
</div>
<!--页脚-->
<footer class="footer">
<div class="container">
<div class="rwo">
<div class="col-md-12">
<p>本站内容采自互联网，如果某些内容侵犯了你的权益，请立即联系我，我将尽快删除相关内容，联系邮箱：[email protected]</p>
<p>Copyright © 2017-2018 小呆导航（webjike.com）All Rights Reserved</p>
</div>
</div>
</div>
</footer>
<!--CNZZ统计代码 以下代码为小呆导航的统计代码，请及时替换掉-->
<div style="display: none">
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261855216'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1261855216' type='text/javascript'%3E%3C/script%3E"));</script>
</div>
</div><!--内容区域-->
</div>
<div id="get-top" title="回到顶部"><i class="icon icon-arrow-up"></i></div>
<!--[if lt IE 9]>
<script src="dist/lib/ieonly/html5shiv.js"></script>
<script src="dist/lib/ieonly/respond.js"></script>
<![endif]-->
<!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- ZUI Javascript组件 -->
<script src="/dist/js/zui.js"></script>
<script src="/js/jquery.lazyload.min.js"></script>
<script src="/js/js.js"></script>
<script>
$(function() {
$("#content img").lazyload({effect: "fadeIn"});
});
</script>
</body>
</html>