-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
307 lines (282 loc) · 9.89 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>车源通 车好卖 买好车 就上车源通</title>
<link rel="shortcut icon" href="title-icon.ico"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body onmousewheel="mouseScroll(event)">
<!--顶部导航-->
<div class="header">
<h1 class="logo">车源通</h1>
<ul>
<li class="navClick"><a class="aChaClr" href="index.html">首页</a></li>
<li class="navClick"><a class="aChaClr" href="product.html">产品动态</a></li>
<li class="navClick"><a class="aChaClr" href="about.html">关于我们</a></li>
<li class="navClick"><a class="aChaClr" href="welcome.html">人才招聘</a></li>
<li class="navClick"><a class="aChaClr" href="relation.html">联系我们</a></li>
</ul>
</div>
<!--顶部导航 end-->
<!--轮播 start-->
<div class="banner">
<div class="bannerL">
<h3>车源通 车好卖 买好车 就上车源通</h3>
<p>车源通，一款专注于打造诚信商家、真实车源的平台 级产品、无论您是车商用户还是普通用户、都可以完全免费注册、发布汽车求购意向和车源信息、相信车源通每天都会给你再来 不一样的惊喜。</p>
<div>
<a href="#"></a>
<a href="#"></a>
<a>
<em></em>
</a>
</div>
</div>
<div class="bannerR">
</div>
</div>
<!--轮播 end-->
<!--购车流程 start-->
<div class="bayflow">
<ul>
<li>
<em></em>
<h4>轻松选车下单</h4>
<p>选择喜欢的车型下单，预付订金到车源通</p>
</li>
<li></li>
<li>
<em></em>
<h4>商家接单备货</h4>
<p>商家确认备货，等待买家
上门验车提车</p>
</li>
<li></li>
<li>
<em></em>
<h4>专员陪同看车、验车</h4>
<p>车源通分派专员陪同买家
一起验车，满意后付清尾款提车</p>
</li>
<li></li>
<li>
<em></em>
<h4>不想买退回订金</h4>
<p>不想买退还订金，也可以
继续看其它车型</p>
</li>
</ul>
</div>
<!--购车流程 end-->
<!--start买车无忧-->
<div class="easebay">
<section class="public_section">
<h3>买车无忧</h3>
<div>
<img src="img/app/nomatter/find_01.png" class="easeBay"/>
<img src="img/app/nomatter/find_02.png" class="easeBay"/>
<img src="img/app/nomatter/find_03.png" class="easeBay"/>
</div>
<nav>
<span onclick="easebay('left')"></span>
<span onclick="easebay('right')"></span>
</nav>
<p>车源通 3.0 全新改版，支持在线订车，看车不满意定金随时退还，车源通一直秉承货源真实价格准确的服务标准，与线下商家签订战略合作协议，让我们的用户享受互联网科技带来的生活之便捷，这将是我们车源通团队为之持之以恒的奋斗方向。</p>
</section>
</div>
<!--end 买车无忧-->
<!--start精准车源查找-->
<div class="chosecar">
<section class="public_section">
<h3>精准车源查找</h3>
<div>
<img src="img/app/findcar/find_01.png" class="chose"/>
<img src="img/app/findcar/find_02.png" class="chose"/>
<img src="img/app/findcar/find_03.png" class="chose"/>
</div>
<nav>
<span onclick="chosecar('left')"></span>
<span onclick="chosecar('right')"></span>
</nav>
<p>多种筛选车源方式：品牌找车，快捷求购信息，条件选车，价格直达，查找车商，关键字筛选，用户可根据自己的习惯方式快速搜到自己想要的车型。搜我所爱，多种选择，总有一种适合你！
</p>
</section>
</div>
<!--end精准车源查找-->
<!--start发布车源和求购-->
<div class="releasecar">
<section class="public_section">
<h3>发布车源和求购</h3>
<div>
<img src="img/app/showcar/find_01.png" class="release"/>
<img src="img/app/showcar/find_02.png" class="release"/>
<img src="img/app/showcar/find_03.png" class="release"/>
</div>
<nav>
<span onclick="release('left')"></span>
<span onclick="release('right')"></span>
</nav>
<p>智能发布车源信息：品名图片、版本型号、选装配置、数量、外观内饰颜色、货源位置、销售区域等，一键操作，为用户提供最全最清晰的车源详情发布。完美的操控体验，便捷的购车需求！</p>
</section>
</div>
<!--end发布车源和求购-->
<!--车友畅聊工具-->
<div class="chat">
<section class="public_section">
<h3>车友畅聊工具</h3>
<div>
<img src="img/app/talk/find_01.png" class="chatimg"/>
<img src="img/app/talk/find_02.png" class="chatimg"/>
<img src="img/app/talk/find_03.png" class="chatimg"/>
</div>
<nav>
<span onclick="chat('left')"></span>
<span onclick="chat('right')"></span>
</nav>
<p>新增车友畅聊功能，拉近车商与用户之间的距离，随时随地沟通车源求购信息，轻轻松松完成交易。聊天可发文字、图片、语音、即时发及时聊，畅通无碍！
</p>
</section>
</div>
<!--end车友畅聊工具-->
<!--start增值代办临牌服务-->
<div class="plate">
<section class="public_section">
<h3>增值代办临牌服务</h3>
<div>
<img src="img/app/othervalue/find_01.png" class="plateimg"/>
<img src="img/app/othervalue/find_02.png" class="plateimg"/>
<img src="img/app/othervalue/find_03.png"class="plateimg"/>
</div>
<nav>
<span onclick="plate('left')"></span>
<span onclick="plate('right')"></span>
</nav>
<p>车源通为实现用车 e 族的时尚车生活，特推出增值代办临时车牌服务，您再也不用顶着风吹日晒来回折腾自己去排队，并有客服即时为用户解答业务相关问题，让您足不出户就为您的爱车轻轻松松把临时车牌办出来。</p>
</section>
</div>
<!--end增值代办临牌服务-->
<!--start邀请注册送好礼-->
<div class="invite">
<section class="public_section">
<h3>邀请注册送好礼</h3>
<div>
<img src="img/app/showcar/find_01.png" class="inviteimg"/>
<img src="img/app/showcar/find_02.png" class="inviteimg"/>
<img src="img/app/showcar/find_03.png" class="inviteimg"/>
</div>
<nav>
<span onclick="invite('left')"></span>
<span onclick="invite('right')"></span>
</nav>
<p>通过分享发送注册车源通邀请码给你的微信、微博、QQ或通讯录好友，且被邀请的好友成功注册成为车源通用户，双方都将得到车源通通宝奖励。得到通宝的用户可以兑换由车源通提供的精美礼品，也可以兑换车源通的抵用券。</p>
</section>
</div>
<!--end邀请注册送好礼-->
<!--start分享模块-->
<div class="share">
<ul>
<li>
<a href="#"><img src="img/icon/icon_05.png"/></a>
<h4>一键分享</h4>
<p>优惠的车型分享到<br />微博、微信、短信、朋友圈</p>
</li>
<li>
<a href="#"><img src="img/icon/icon_06.png"/></a>
<h4>收藏我们</h4>
<p>收藏心仪的车型和车商<br />随时随地关注他的动态...</p>
</li>
<li>
<a href="#"><img src="img/icon/icon_07.png"/></a>
<h4>即时聊天</h4>
<p>随时随地与车友<br />畅聊无阻</p>
</li>
<li>
<a href="#"><img src="img/icon/icon_08.png"/></a>
<h4>一键关注</h4>
<p>一键关注您合意的车商<br />随时随地关注他的动态</p>
</li>
<li>
<a href="#"><img src="img/icon/icon_09.png"/></a>
<h4>电话沟通</h4>
<p>一键拨打电话<br />让买家和卖家沟通畅</p>
</li>
</ul>
</div>
<!--end分享模块-->
<!--start底部-->
<div class="footer">
<section>
<div class="footerL">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="product.html">产品动态</a></li>
<li><a href="welcome.html">人才招聘</a></li>
<li><a href="relation.html">联系我们</a></li>
</ul>
<p>Copyright © 2014～ 2017 青岛哈里森网络科技有限公司 版权所有 鲁 ICP备 14036831 号 -1</p>
</div>
<div class="footerC">
<img src="img/icon/icon_code.png"/>
<p>扫一扫关注我们</p>
</div>
<div class="footerR">
<p>888-888-8888</p>
<p>周一至周日 (9:00-21:00)</p>
<span>客户服务热线</span>
</div>
</section>
</div>
<!--end底部-->
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//获取元素列表 数组
var navClickArr= document.getElementsByClassName('navClick');
//获取a标签数组
var aChaClrA = document.getElementsByClassName('aChaClr');
//入口函数
onload = function (){
//统一将底线设为无
setStyle(navClickArr,function(arr){
arr.style.borderBottom = "none";
});
setStyle(aChaClrA,function(arr){
arr.style.color = "black";
});
//将自身底线设为红色
navClickArr[0].style.borderBottom = "3px solid #F42547";
aChaClrA[0].style.color = "#F42547";
}
//循环体
function setStyle(arr,fn){
for(var i = 0;i < arr.length;i++){
fn(arr[i]);
}
}
// //获取body
// var even = document.getElementsByTagName('body');
//
// //获取导航元素
// var nav = document.getElementsByClassName('header');
//
// even.MouseScrollEvent = function (){
// nav[0].style.backgroundColor = 'transparent';
// alert('ddd');
// }
var cont = 0;
function mouseScroll(e){
var nav = document.getElementsByClassName('header');
nav[0].style.backgroundColor = '#FFFFFF';
if(e.deltaY > 0){
cont += 1;
}else {
cont = cont <= 0 ? 0 : cont - 1;
}
if(cont <= 0){
nav[0].style.backgroundColor = 'transparent';
}
}
</script>
</body>
</html>