-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
464 lines (458 loc) · 18.6 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
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中昊信息</title>
<meta name="renderer" content="webkit">
<meta name="description" content="长沙实力商务服务有限公司(以下简称“实力商务”)致力于提供互联网基础服务提供商,面向企事业单位提供全方位的互联网络综合信息化解决方案,是国内领先的互联网基础应用服务提供商," />
<meta name="Keywords" content="中昊信息,网站建站,seo优化,新媒体 ">
<meta name="author" content="岳林,贺汝佳,廖秋霞" />
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/global.css">
</head>
<body>
<div id="header_all">
<div id="header">
<div id="header_top" >
<div id="header_top_left">
<img src="images/global/head_img_home.png" alt="home" />
<p>欢迎进入中昊信息科技网站</p>
</div>
<div id="header_top_right">
<div>
<img src="images/global/tel.png" alt="tel" />
<p>0731-82078210</p>
</div>
<div>
<img src="images/global/plone.png" alt="plone" />
<p>153-9999-0711</p>
</div>
</div>
</div>
</div>
<div id="nav">
<a href="/"><img src="images/global/logo.png" alt="logo" /></a>
<ul>
<li><a href="####">首页<em></em></a></li>
<li><a href="pag/about.html">中昊简介<em></em></a></li>
<li><a href="pag/case.html">经典案例<em></em></a></li>
<li><a href="pag/news.html">最新动态<em></em></a></li>
<li><a href="pag/service.html">服务项目<em></em></a></li>
<li><a href="pag/contact.html">联系我们<em></em></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="main">
<div id="banner">
<ul class="hd">
<li><a href="pag/service.html"><img src="images/index/banner1.jpg"></a></li>
<li><a href="pag/service.html"><img src="images/index/banner2.jpg"></a></li>
<li><a href="pag/service.html"><img src="images/index/banner3.jpg"></a></li>
</ul>
<ul class="bd">
<li><img src="images/index/inoc_bn_h.png" /></li>
<li><img src="images/index/inoc_bn.png" /></li>
<li><img src="images/index/inoc_bn.png" /></li>
</ul>
</div>
<div id="service" class="title">
<h2>WHAT CAN WE DO ?</h2>
<h3>我们的服务</h3>
<ul>
<li>
<a href="##">
<div>
<img src="images/index/service_img1.png" />
<p>企业商城网站建设</p>
<span>Website construction</span>
</div>
<div>
<p>根据用户的需求、市场状况、企业情况提供专业的网站策划、交互设计、技术和营销方案</p>
</div>
</a>
</li>
<li>
<a href="##">
<div>
<img src="images/index/service_img2.png" />
<p>微信/手机网站建设</p>
<span>Website construction</span>
</div>
<div>
<p>在移动互联时代，我们得出“简单使用 精彩体验”移动应用开发理念，创造属 于无线时代的精彩互联</p>
</div>
</a>
</li>
<li>
<a href="##">
<div>
<img src="images/index/service_img3.png" />
<p>管理软件开发</p>
<span>Website construction</span>
</div>
<div>
<p>为客户提供全方位的管理OA软 件，将管理流程云端化</p>
</div>
</a>
</li>
<li>
<a href="##">
<div>
<img src="images/index/service_img4.png" />
<p>手机APP开发</p>
<span>Website construction</span>
</div>
<div>
<p>按客户意图来定制开发app系 统，IOS 安卓任您挑选，持续 为企业无线创造新价值</p>
</div>
</a>
</li>
</ul>
</div>
<div id="case" class="title">
<h2>case of us</h2>
<h3>我们的案列</h3>
<ul>
<li>
<img src="images/index/case_img1.jpg" />
<div id="bottom"><p><a href="##">猫c瑜伽商业网站</a></p></div>
<a href="pag/case_con.html"><div class="top"><p>企业网站</p></div></a>
</li>
<li>
<img src="images/index/case_img2.jpg" />
<div id="bottom"><p><a href="##">猫c瑜伽商业网站</a></p></div>
<a href="pag/case_con.html"><div class="top"><p>H5网站</p></div></a>
</li>
<li>
<img src="images/index/case_img3.jpg" />
<div id="bottom"><p><a href="##">猫c瑜伽商业网站</a></p></div>
<a href="pag/case_con.html"><div class="top"><p>商业网站</p></div></a>
</li>
</ul>
<a href="pag/case.html"><input type="button" class="case_btn" name="" value="more"></a>
</div>
<div id="news">
<div class="title">
<h2>OUR NEWS</h2>
<h3>最新动态</h3>
</div>
<div id="news_content">
<div class="news_title">
<p><a href="pag/news.html">更多>></a></p>
</div>
<div class="news_bottom">
<div class="news_about">
<a href="pag/news_con.html">
<img src="images/index/news_img1.png" />
<p><strong>中昊信息科技有限公司</strong></p>
<p>我们不仅提供高品质建站服务，更重视与您建立永久合作关系。我们免
费搭建客户平台，尽情展现您的企业文化及优势产品，让更多客户关注
您！同时我们多方位提供客户渠道，资源共享，为您带来更多!</p>
</a>
</div>
<ul>
<li>
<a href="pag/news_con.html">
<div>
<p class="order">01</p>
<p>2017.04.14</p>
</div>
<div>
<p>客户平台创造巨大价值 </p>
<p>我们不仅提供高品质建站服务，更重视与您建立永久合作关系。我们免 费搭建客户平台，尽情展现您的企业文化及优势产品，让更多客户关注</p>
</div>
</a>
</li>
<li>
<a href="pag/news_con.html">
<div>
<p class="order">02</p>
<p>2017.04.14</p>
</div>
<div>
<p>客户平台创造巨大价值 </p>
<p>我们不仅提供高品质建站服务，更重视与您建立永久合作关系。我们免 费搭建客户平台，尽情展现您的企业文化及优势产品，让更多客户关注</p>
</div>
</a>
</li>
<li>
<a href="pag/news_con.html">
<div>
<p class="order">03</p>
<p>2017.04.14</p>
</div>
<div>
<p>客户平台创造巨大价值 </p>
<p>我们不仅提供高品质建站服务，更重视与您建立永久合作关系。我们免 费搭建客户平台，尽情展现您的企业文化及优势产品，让更多客户关注</p>
</div>
</a>
</li>
<li>
<a href="pag/news_con.html">
<div>
<p class="order">04</p>
<p>2017.04.14</p>
</div>
<div>
<p>客户平台创造巨大价值 </p>
<p>我们不仅提供高品质建站服务，更重视与您建立永久合作关系。我们免 费搭建客户平台，尽情展现您的企业文化及优势产品，让更多客户关注</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="contact" class="title">
<h2>CONTACT YINGMING</h2>
<h3>联系我们</h3>
<div>
<img src="images/index/contact_img1.png">
<div>
<form action="index.html">
<input type="text" name="nane" value="您的姓名:" >
<div class="clear"></div>
<input type="text" name="lx" value="您的联系方式:" >
<div class="clear"></div>
<textarea value="请输入留言内容:">请输入留言内容:</textarea>
<div class="clear"></div>
<input type="submit" name="submit" id="btn" value="提交">
</form>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div class="copyright">
<div class="footer_left">
<p class="inoc">地址：长沙市雨花区韶山中路288号</p>
<p>建站咨询：点击这里给我发消息 点击这里给我发消息</p>
<p>15399990711 (投诉电话）</p>
</div>
<div class="footer_center">
<p class="inoc">电话：0731-82078210 </p>
<p class="inoc">传真：0731-82078210</p>
<p class="inoc">公司邮箱：5818670@qq.com</p>
</div>
<div class="footer_right">
<div class="footer_right_p">
<p>扫一扫</p>
<div class="clear"></div>
<p>微信沟通</p>
</div>
<img src="images/global/ewm.jpg">
</div>
</div>
</div>
</body>
<script type="text/javascript">
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0") {
document.body.innerHTML="您的浏览器版本过低,请升级在使用"+ " <a href='http://www.baidu.com/link?url=5binB0S6sDcANhETTQAlFG6m2WLxgHj9OVjtmN1WlbxnQG-7M5hTSePbtN2GiZY_1h8m06RyydGZA39XJ_lMtNrl4F7_C5bVrnFqsSuEMFi'>谷歌浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=JXNYYk-1WMn0m9SNfpWreul-Bw8aHGv36rP8sDeM5dBwQx5SU8ydoAo8O0YfetAR_dzBqXz4ieTLKB-KlSr-FmU2Gd6tXO1qZ8N0PQU0D1O&wd=&eqid=f77c2be6000055d800000006591fb5b5'>火狐浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=Bd3Yg0Q-zy8YhNSgIhVp4Poubrg3xnRc-P7fcGvXxVQ7NQYEzrdp-3lxDe83agT9VTuO1Ep7ZeK52uVodVDUBSdQCFEGDLTp_Z1QrvS8pze&wd=&eqid=e830d0000000535a00000006591fb5ee'>欧朋浏览器下载</a>";
}else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0") {
document.body.innerHTML="您的浏览器版本过低,请升级在使用"+ " <a href='http://www.baidu.com/link?url=5binB0S6sDcANhETTQAlFG6m2WLxgHj9OVjtmN1WlbxnQG-7M5hTSePbtN2GiZY_1h8m06RyydGZA39XJ_lMtNrl4F7_C5bVrnFqsSuEMFi'>谷歌浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=JXNYYk-1WMn0m9SNfpWreul-Bw8aHGv36rP8sDeM5dBwQx5SU8ydoAo8O0YfetAR_dzBqXz4ieTLKB-KlSr-FmU2Gd6tXO1qZ8N0PQU0D1O&wd=&eqid=f77c2be6000055d800000006591fb5b5'>火狐浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=Bd3Yg0Q-zy8YhNSgIhVp4Poubrg3xnRc-P7fcGvXxVQ7NQYEzrdp-3lxDe83agT9VTuO1Ep7ZeK52uVodVDUBSdQCFEGDLTp_Z1QrvS8pze&wd=&eqid=e830d0000000535a00000006591fb5ee'>欧朋浏览器下载</a>";
}else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0") {
document.body.innerHTML="您的浏览器版本过低,请升级在使用"+ " <a href='http://www.baidu.com/link?url=5binB0S6sDcANhETTQAlFG6m2WLxgHj9OVjtmN1WlbxnQG-7M5hTSePbtN2GiZY_1h8m06RyydGZA39XJ_lMtNrl4F7_C5bVrnFqsSuEMFi'>谷歌浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=JXNYYk-1WMn0m9SNfpWreul-Bw8aHGv36rP8sDeM5dBwQx5SU8ydoAo8O0YfetAR_dzBqXz4ieTLKB-KlSr-FmU2Gd6tXO1qZ8N0PQU0D1O&wd=&eqid=f77c2be6000055d800000006591fb5b5'>火狐浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=Bd3Yg0Q-zy8YhNSgIhVp4Poubrg3xnRc-P7fcGvXxVQ7NQYEzrdp-3lxDe83agT9VTuO1Ep7ZeK52uVodVDUBSdQCFEGDLTp_Z1QrvS8pze&wd=&eqid=e830d0000000535a00000006591fb5ee'>欧朋浏览器下载</a>" ;
}else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE9.0") {
document.body.innerHTML="您的浏览器版本过低,请升级在使用"+ " <a href='http://www.baidu.com/link?url=5binB0S6sDcANhETTQAlFG6m2WLxgHj9OVjtmN1WlbxnQG-7M5hTSePbtN2GiZY_1h8m06RyydGZA39XJ_lMtNrl4F7_C5bVrnFqsSuEMFi'>谷歌浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=JXNYYk-1WMn0m9SNfpWreul-Bw8aHGv36rP8sDeM5dBwQx5SU8ydoAo8O0YfetAR_dzBqXz4ieTLKB-KlSr-FmU2Gd6tXO1qZ8N0PQU0D1O&wd=&eqid=f77c2be6000055d800000006591fb5b5'>火狐浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=Bd3Yg0Q-zy8YhNSgIhVp4Poubrg3xnRc-P7fcGvXxVQ7NQYEzrdp-3lxDe83agT9VTuO1Ep7ZeK52uVodVDUBSdQCFEGDLTp_Z1QrvS8pze&wd=&eqid=e830d0000000535a00000006591fb5ee'>欧朋浏览器下载</a>";
}else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE10.0") {
document.body.innerHTML="您的浏览器版本过低,请升级在使用"+ " <a href='http://www.baidu.com/link?url=5binB0S6sDcANhETTQAlFG6m2WLxgHj9OVjtmN1WlbxnQG-7M5hTSePbtN2GiZY_1h8m06RyydGZA39XJ_lMtNrl4F7_C5bVrnFqsSuEMFi'>谷歌浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=JXNYYk-1WMn0m9SNfpWreul-Bw8aHGv36rP8sDeM5dBwQx5SU8ydoAo8O0YfetAR_dzBqXz4ieTLKB-KlSr-FmU2Gd6tXO1qZ8N0PQU0D1O&wd=&eqid=f77c2be6000055d800000006591fb5b5'>火狐浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=Bd3Yg0Q-zy8YhNSgIhVp4Poubrg3xnRc-P7fcGvXxVQ7NQYEzrdp-3lxDe83agT9VTuO1Ep7ZeK52uVodVDUBSdQCFEGDLTp_Z1QrvS8pze&wd=&eqid=e830d0000000535a00000006591fb5ee'>欧朋浏览器下载</a>";
}else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE11.0") {
document.body.innerHTML="您的浏览器版本过低,请升级在使用"+ " <a href='http://www.baidu.com/link?url=5binB0S6sDcANhETTQAlFG6m2WLxgHj9OVjtmN1WlbxnQG-7M5hTSePbtN2GiZY_1h8m06RyydGZA39XJ_lMtNrl4F7_C5bVrnFqsSuEMFi'>谷歌浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=JXNYYk-1WMn0m9SNfpWreul-Bw8aHGv36rP8sDeM5dBwQx5SU8ydoAo8O0YfetAR_dzBqXz4ieTLKB-KlSr-FmU2Gd6tXO1qZ8N0PQU0D1O&wd=&eqid=f77c2be6000055d800000006591fb5b5'>火狐浏览器下载</a>"+" <a href='https://www.baidu.com/link?url=Bd3Yg0Q-zy8YhNSgIhVp4Poubrg3xnRc-P7fcGvXxVQ7NQYEzrdp-3lxDe83agT9VTuO1Ep7ZeK52uVodVDUBSdQCFEGDLTp_Z1QrvS8pze&wd=&eqid=e830d0000000535a00000006591fb5ee'>欧朋浏览器下载</a>";
}
var Bnr = document.getElementById('banner');
var aImg = Bnr.getElementsByTagName('img');
var Height;
window.onload = function () {
// 动态改变 banner盒子随着图片的变化而变化
function fn1() {
Bnr.style.height =aImg[0].height + 'px';
};
fn1();
}
// 我们的服务
var ser = document.getElementById('service');
var serLi = ser.getElementsByTagName('li');
for(s = 0; s<serLi.length; s++) {
//闭包传参
(function (j) {
//鼠标移入变化
serLi[j].onmouseover = function () {
this.getElementsByTagName('img')[0].src="images/index/service_img" + (j+1) + "_h.png";
this.getElementsByTagName('div')[1].style.backgroundColor = "#f08300";
}
//鼠标移出变化
serLi[j].onmouseout = function () {
this.getElementsByTagName('img')[0].src="images/index/service_img" + (j+1) + ".png";
this.getElementsByTagName('div')[1].style.backgroundColor = "#0099ff";
}
})(s);
}
// 联系我们
var con = document.getElementById('contact');
var aBtn = con.getElementsByTagName('input');
var area = con.getElementsByTagName('textarea');
aBtn[0].onfocus = function () {
var val = aBtn[0].value;
if (val == "您的姓名:") {
aBtn[0].value = "";
}
}
aBtn[0].onblur = function () {
var val = aBtn[0].value;
if (val == "") {
aBtn[0].value = "您的姓名:";
}
}
aBtn[1].onfocus = function () {
var val = aBtn[1].value;
if (val == "您的联系方式:") {
aBtn[1].value = "";
}
}
aBtn[1].onblur = function () {
var val = aBtn[1].value;
if (val == "") {
aBtn[1].value = "您的联系方式:";
}
}
area[0].onfocus = function () {
var inner = area[0].value;
if (inner == "请输入留言内容:") {
area[0].value = "";
}
}
area[0].onblur = function () {
var inner = area[0].value;
if (inner == "") {
area[0].value = "请输入留言内容:";
}
}
</script>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// 导航动画
$("#nav ul li a").mouseover(function(){
$(this).find('em').stop().animate({
left:"0px"
},200);
});
$("#nav ul li a").mouseout(function(){
$(this).find('em').stop().animate({
left:"150px"
},200);
});
// banner轮播
var Time = null; //定义定时器
var i = 1;
function fn1() {
clearInterval(Time); //清楚定时器防止多次执行
// 索引清零 重置图片
if (i == $(".hd li").length) {
i = 0;
}
$(".bd li").eq(i).children("img").attr("src","images/index/inoc_bn_h.png");
$(".bd li").eq(i).siblings().children("img").attr("src","images/index/inoc_bn.png");
// 当前索引图片移动
$(".hd li").eq(i).stop().css("left","100%").animate({
"left":"0"
});
// 当前索引上一张图片移动
if(i > 0) {
$(".hd li").eq(i-1).stop().css("left","0").animate({
"left":"-100%"
}); // 判断上一张是否还有图片 如果还有 就上一张图片移动
}else {
$(".hd li").eq(2).stop().css({"left":"0","z-index": "10"}).animate({
"left":"-100%"
}); // 判断上一张是否还有图片 如果没有 就第一张图片移动
$(".hd li").eq(2).siblings().css("z-index", "1")
}
i++;
Time = setInterval(fn1,3000); //重新添加定时器
}
function fn2() {
if (i == $(".hd li").length) {
i = 0;
}
$(".bd li").eq(i).children("img").attr("src","images/index/inoc_bn_h.png");
$(".bd li").eq(i).siblings().children("img").attr("src","images/index/inoc_bn.png");
$(".hd li").eq(i).stop().css("left","-100%").animate({
"left":"0"
});
if(i < $(".hd li").length - 1) {
$(".hd li").eq(i+1).stop().css("left","0").animate({
"left":"100%"
});
}else {
$(".hd li").eq(0).stop().css({"left":"0","z-index": "10"}).animate({
"left":"100%"
});
}
i++;
}
Time = setInterval(fn1,3000); //打开页面添加定时器
$(".hd li img").hover(function () {
clearInterval(Time);
}, function () {
Time=setInterval(fn1,1500);
});
// 按钮点击事件移动图片
$(".bd li").click(function(){
$(this).children("img").attr("src","images/index/inoc_bn_h.png");
$(this).siblings().children("img").attr("src","images/index/inoc_bn.png");
//判断图片位移方向
if(i > $(this).index()) {
// 判断是否达到最大值
if(i == $(".hd li").length && $(this).index() == 0) {
i = $(this).index();
fn1();
}else {
i = $(this).index();
fn2();
}
}else {
i = $(this).index();
fn1();
}
});
//案例动画
//鼠标移入动画
$("#case ul li").mouseover(function(){
$(this).find('.top').stop().animate({
"top":"0"
},200);
$(this).children('#bottom').children('p').stop().css({
"background":"#0099ff"
},200);
$(this).children('div').find('a').css({
"color":"#fff",
});
$(this).children('div').find('a').stop().animate({
"font-size":"20px"
},200);
});
//鼠标移出动画
$("#case ul li").mouseout(function(){
$(this).find('.top').stop().animate({
"top":"-236px"
},200);
$(this).children('#bottom').children('p').stop().css({
"background":"#fff"
},200);
$(this).children('div').find('a').css({
"color":"#0099ff"
});
$(this).children('div').find('a').stop().animate({
"font-size":"19px"
},200);
});
});
</script>
</html>