-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
401 lines (370 loc) · 19.5 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
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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
<!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" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title>宜和工作室New</title>
<link href="css/index.css" type="text/css" rel="stylesheet" />
<link href="images/index/favicon.ico" rel="Shortcut Icon" />
<link href="images/index/favicon.ico" rel="Bookmark" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<!-- 这个网站是2015年写的了....888 -->
<!-- 现在切换到了master主分支上修改 -->
<!-- 这行是在开发版上写的 -->
<!--<div class="twoCode"><span title="点击隐藏"></span><img src="images/index/2wmlogo.jpg" /></div>-->
<header class="YHhead">
<div class="YHhead-content">
<div class="YHlogo">
<img src="images/index/YHlogo.png"/>
</div>
<!-- <i></i> -->
<ul class="ulNav">
<li><a class="clickNav">首页</a></li>
<li><a href="#">前端开发</a>
<!--<ul>
<li>Html5</li>
<li>Css3</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>-->
</li>
<li><a href="#">HTML5</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">jQuery</a></li>
<li><a href="#"><a href="#">响应式</a>
<!--<ul>
<li>楷书</li>
<li>行书</li>
<li>隶书</li>
<li>篆书</li>
</ul>-->
</li>
<p></p>
</ul>
<!-- <div id="seach">
<b style="font-size:16px;line-height:80px;color:#fff;">站内搜索:</b>
<input type="text" style="width:70px;border-radius:4px;height:20px;color:#333;margin-left:2px;padding-left:4px;" placeholder="宜和工作室"/>
</div> -->
</div>
<div class="navMini">
<div class="navMiniClick">
<span></span>
<span></span>
<span></span>
</div>
<ul class="navMiniShow">
<li><a href="" class="miniAclick">首页</a></li>
<li><a href="#">前端开发</a></li>
<li><a href="#">HTML5</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">jQuery</a></li> <li><a href="#">响应式</a></li>
</ul>
</div>
</header>
<div class="navAnimate">
<ul>
<li><a href="#"><img src="images/index/banner1.jpg"/></a></li>
<li><a href="#"><img src="images/index/banner2.jpg"/></a></li>
<li><a href="#"><img src="images/index/banner3.jpg"/></a></li>
<li><a href="#"><img src="images/index/banner4.jpg"/></a></li>
<!-- <li><a href="#" style="background:url(images/index/banner5.jpg) no-repeat top center"></a></li>
--> <!--<li><a href="#" style="background:#193d85"></a></li>
<li><a href="#" style="background:#ff6900"></a></li>
<li><a href="#" style="background:#c21109"></a></li>
<li><a href="#" style="background:#000"></a></li>-->
</ul>
</div>
<div class="navLRTB">
<div class="navLR">
<div class="leftBtn">
<img src="images/index/left_bt.png"/>
</div>
<div class="rightBtn">
<img src="images/index/right_bt.png"/>
</div>
<ul class="navTB">
<li class="hoverList"></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<!-- 这行是随意添加进来的 -->
<div class="box">
<!-- 如果第3次修改会怎么样 -->
<!-- <div class="upImages">
<p class="headerText">Web前端开发-教程系列</p>
<div class="openImages">
<div class="bgOpacity"></div>
<p>
<span></span>
<i class="openImagesClose"></i>
<i class="openImagesPrev"></i>
<i class="openImagesNext"></i>
</p>
</div>
<ul>
<li class="mgl0">
<div>
<img src="images/index/UP-images/html0.jpg" />
<span></span>
<a class="sacle"></a>
<a class="share"></a>
</div>
</li>
<li>
<div>
<img src="images/index/UP-images/html1.jpg" />
<span></span>
<a class="sacle"></a>
<a class="share"></a>
</div>
</li>
<li>
<div>
<img src="images/index/UP-images/html2.jpg" />
<span></span>
<a class="sacle"></a>
<a class="share"></a>
</div>
</li>
<li class="mgl0">
<div>
<img src="images/index/UP-images/html3.jpg" />
<span></span>
<a class="sacle"></a>
<a class="share"></a>
</div>
</li>
<li>
<div>
<img src="images/index/UP-images/html4.jpg" />
<span></span>
<a class="sacle"></a>
<a class="share"></a>
</div>
</li>
<li>
<div>
<img src="images/index/UP-images/html5.jpg" />
<span></span>
<a class="sacle"></a>
<a class="share"></a>
</div>
</li>
</ul>
</div> -->
<div class="share">
<p class="headerText">Web前端开发-文章教程</p>
<div class="textcontent">
<div class="textcontentL">
<ul>
<li class="textcontentT">
<p class="textcontent_img"><img src="images/index/men.jpg"/></p>
<h1><a href="http://www.w3school.com.cn/" target="_blank">w3school前端在线教程</a></h1>
<p class="family"><b>html</b><em>推荐指数:<i></i><i></i><i></i><i></i></em></p>
<p class="description">在w3school,你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的XML、JavaScript、PHP和ASP.NET。</p></li>
<li>
<h1><a href="http://labs.qianduan.net/css-selector/" target="_blank">CSS3选择器的浏览器支持</a></h1>
<p class="family"><b>CSS3</b><em>推荐指数:<i></i><i></i><i></i><i></i></em></p>
<p class="description">下面是一系列关于最流行的浏览器对CSS选择器和伪选择器的支持情况的测试。该测试包括从过去美好的CSS1到当前时髦的CSS3最基本的东西。如果你想了解关于CSS的选择器的更多内容，W3C官方文档绝对是个好地方!</p>
</li>
<li>
<h1><a href="http://www.w3school.com.cn/html5/html_5_intro.asp" target="_blank">Html5的最新特性应用</a></h1>
<p class="family"><b>html5</b><em>推荐指数:<i></i><i></i><i></i><i></i></em></p>
<p class="description">HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素;对本地离线存储的更好的支持; 新的特殊内容元素，比如 article、footer、header、nav、section;新的表单控件，比如 calendar、date、time、email、url、search
</p>
</li>
<li>
<h1><a href="http://www.cnblogs.com/hh54188/archive/2011/04/09/1996469.html" target="_blank">jQuery动画高级用法</a></h1>
<p class="family"><b>jQuery</b><em>推荐指数:<i></i><i></i><i></i></em></p>
<p class="description">今天不谈animate()、fadeIn()、fadeOut()、slideUp()、show()、hide()诸如此类的具体动画函数，而谈谈几个并不常用的，甚至说是有点风马牛不相及，但又十分十分重要的动画函数queue()，dequeue()，和stop()。</p>
</li>
<li>
<h1><a href="http://www.w3school.com.cn/jsref/jsref_events.asp" target="_blank">JavaScript 事件参考手册</a></h1>
<p class="family"><b>JavaScript</b><em>推荐指数:<i></i><i></i></em></p>
<p class="description">事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。
事件句柄。HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。</p>
</li>
</ul>
</div>
<div class="textcontentR">
<ul>
<li class="textcontentT">
<p class="textcontent_img"><img src="images/index/women.jpg"/></p>
<h1><a href="http://www.w3cfuns.com/" target="_blank">W3Cfuns前端网</a></h1>
<p class="description">中国第一Web前端开发综合性网站，汇聚了广大中国Web前端开发工程师，并为工程师及企业提供优质的前端资源和服务，是国内前端开发最贴心的综合服务平台。</p>
<p class="readcount_time"><b><span>999</span>人已阅读</b><em>更新时间:<i>2015-3-14</i></em></p>
</li>
<li>
<h1><a href="http://jsbin.com/wupozuxumu/1/edit" target="_blank">JSBin在线编写代码</a></h1>
<p class="description">JSBin 是一个 Web 应用，主要用于帮助测试 JavaScript 和 CSS 的代码片段。功能与 jsFiddle 网站一致。</p>
<p class="readcount_time"><b><span>657</span>人已阅读</b><em>更新时间:<i>2015-3-7</i></em></p>
</li>
<li>
<h1><a href="http://www.html-js.com/" target="_blank">前端乱炖，最专业的前端技术社区</a></h1>
<p class="description">前端乱炖,这里是最专业的前端知识平台,汇集国内大部分前端开发人员的前端花名册,最精彩的原创文章专栏,最专业的问答平台,最火热的话题频道,最丰富的线下线上活动。</p>
<p class="readcount_time"><b><span>598</span>人已阅读</b><em>更新时间:<i>2015-2-28</i></em></p>
</li>
<li>
<h1><a href="http://www.w3cplus.com/" target="_blank">W3cplus 大漠前端网</a></h1>
<p class="description">W3cplus是一个致力于推广国内前端行业的技术博客。其文章范围广泛，主要以CSS3、HTML5、Sass、Mobile和各类DEMO为主。</p>
<p class="readcount_time"><b><span>345</span>人已阅读</b><em>更新时间:<i>2015-2-21</i></em></p>
</li>
<li>
<h1><a href="http://www.w3cplus.com/" target="_blank">大前端 Wordpress</a></h1>
<p class="description">大前端是一个集前端开发和Wordpress内容为一体的双轨独立网站。</p>
<p class="readcount_time"><b><span>687</span>人已阅读</b><em>更新时间:<i>2015-2-14</i></em></p>
</li>
</ul>
</div>
</div>
</div>
<!-- <div class="ying">
<p class="headerText">W3C网页效果-例子展示</p>
<div class="boxs">
<video src="images/zhu2.mp4" style="width:240px;height:240px;" controls="controls"></video>
<video src="images/zhu1.mp4" style="width:240px;height:240px;" controls="controls"></video>
<div class="navYing">
<ul class="imgYing">
<li style="background:url(images/index/Ying1.jpg) no-repeat center center"></li>
<li style="background:url(images/index/Ying2.jpg) no-repeat center center"></li>
<li style="background:url(images/index/Ying3.jpg) no-repeat center center"></li>
<li style="background:url(images/index/Ying4.jpg) no-repeat center center"></li>
</ul>
<div class="leftBtn"></div>
<div class="rightBtn"></div>
<ul class="tbYing">
<li class="hoverList"></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div> -->
<!-- 友情合作伙伴 -->
<div class="YH_friend">
<p class="headerText">友情合作伙伴</p>
<div class="boxs">
<ul>
<li><img src="images/index/friendlink/hltw.jpg"/></li>
<li><img src="images/index/friendlink/firefox.jpg"/></li>
<li><img src="images/index/friendlink/google.jpg"/></li>
<li><img src="images/index/friendlink/dw.jpg"/></li>
<li><img src="images/index/friendlink/ps.jpg"/></li>
<li><img src="images/index/friendlink/firebug.jpg"/></li>
<li><img src="images/index/friendlink/sublime.jpg"/></li>
<li><img src="images/index/friendlink/wzbj.jpg"/></li>
<li><img src="images/index/friendlink/ietest.jpg"/></li>
<li><img src="images/index/friendlink/w3cfuns.jpg"/></li>
<li><img src="images/index/friendlink/wyykt.jpg"/></li>
<li><img src="images/index/friendlink/mukw.jpg"/></li>
</ul>
</div>
</div>
</div>
<!-- 友情链接 -->
<div class="YH_friendlink">
<div class="box">
<div class="friendlink">
<h1>友情链接</h1>
<ul>
<li><a href="" target="_blank">百度一下</a></li>
<li><a href="" target="_blank">火狐社区</a></li>
<li><a href="" target="_blank">前端乱炖</a></li>
<li><a href="" target="_blank">图灵社区</a></li>
<li><a href="" target="_blank">w3school</a></li>
<li><a href="" target="_blank">Html5设计</a></li>
<li><a href="" target="_blank">在线编辑</a></li>
<li><a href="" target="_blank">css3</a></li>
<li><a href="" target="_blank">大漠前端</a></li>
<li><a href="" target="_blank">响应式布局</a></li>
<li><a href="" target="_blank">jsbin在线编辑</a></li>
<li><a href="" target="_blank">sublime text</a></li>
<li><a href="" target="_blank">代码验证</a></li>
<li><a href="" target="_blank">浏览器兼容</a></li>
<li><a href="" target="_blank">jQuery</a></li>
<li><a href="" target="_blank">backbone</a></li>
<li><a href="" target="_blank">代码压缩</a></li>
<li><a href="" target="_blank">为知笔记</a></li>
<li><a href="" target="_blank">有道翻译</a></li>
<li><a href="" target="_blank">哈喽台湾</a></li>
<li><a href="" target="_blank">花瓣网</a></li>
<li><a href="" target="_blank">w3school</a></li>
<li><a href="" target="_blank">css验证</a></li>
<li><a href="" target="_blank">慕课网</a></li>
<li><a href="" target="_blank">网易云课堂</a></li>
<li><a onclick="return false">更多▼</a></li>
</ul>
</div>
<ul class="shareWb">
<li class="shareWb_head">分享给微博/微信</li>
<li>
<p class="erwm"><img src="images/index/2wmlogo.jpg" /></p>
<p>
<a class="weibo_share" href=" http://weibo.com/LiJianStudios" target="_blank"><img src="images/index/weibo1.png"/></a>
<a class="qq_share" href="" ><img src="images/index/qq1.png" onclick="WeiXinShareBtn();return false"/></a>
</p>
</li>
</ul>
<div class="YH_description">
<h1>关于我们</h1>
<p>宜和工作室,中国第一Web前端开发网站，汇聚了广大中国Web前端开发工程师，并为工程师及企业提供优质的前端资源，是国内前端开发最贴心的综合服务平台。<em>业务涉及：前端招聘、人才推荐、前端神器、教程素材、开发工具、学习服务等诸多前端产业。</em><span>详情▼</span></p>
<p></p>
</div>
</div>
</div>
<div id="YHhelp">
<div class="YHhelp_hide" title="点击在线咨询">
<span></span>
<a class="YHtop" href="javascript:scroll(0,0)" title="返回顶部"></a>
</div>
<div class="YHhelp_show">
<span></span>
<a class="QQhead" href="http://wpa.qq.com/msgrd?v=3&uin=125749055&site=qq&menu=yes" title="点击QQ在线咨询" target="_blank">
<div class="yuanK"></div>
<div class="qq_big"><img src="images/index/qq_big.png" /></div>
</a>
<p>QQ在线咨询</p>
<ul class="tel">
<li>联系电话:</li>
<li>18959266513</li>
<li>联系QQ:</li>
<li>125749055</li>
</ul>
<dl class="YHt">
<dd title="扫描二维码" class="erwm"></dd>
<dd title="返回顶部" class="erwm2"><a href="javascript:scroll(0,0)"></a></dd>
</dl>
<i><img src="images/index/2wmlogo.jpg"/></i>
</div>
</div>
<!-- <div class="YHfoot2">
</div> -->
<!-- <div class="YHfoot">
</div> -->
<div class="miniNavClick">
<img src="images/index/miniNav.png">
</div>
<div class="miniNav">
<ul>
<li><a href="" class="miniAclick">首页</a></li>
<li><a href="#">前端开发</a></li>
<li><a href="#">HTML5</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">jQuery</a></li> <li><a href="#">响应式</a></li>
</ul>
</div>
</body>
</html>