-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
392 lines (390 loc) · 18.6 KB
/
home.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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit"><!--html打开强制为极速模式-->
<link rel="shortcut icon" href="favicon.ico">
<!--<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">-->
<title>淘家网-洛阳顶层互联网家居建材超市</title>
<link rel="stylesheet" type="text/css" href="css/headNew.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link rel="stylesheet" type="text/css" href="css/foot.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/page_core.js"></script>
<style>
</style>
</head>
<body>
<div class="head">
<!--导航-->
<div class="h_top fixclear">
<div class="logo"><a href="/"><img src="images/logo.png" title="淘家网" width="100%"/></a></div>
<div class="search fixclear">
<div class="s-b s-box"><input type="text" placeholder="请输入商品名称" name="s-search" /></div>
<div class="s-c s-box"><a href="javascript:">搜索</a></div>
</div>
<div class="person fixclear">
<div id="shopping"><a href="/Cart"><em></em>购物清单</a></div>
<div id="control">
<span id="login"><a href="javascript:;">登录</a></span>
<span id="reg"><a href="javascript:;">注册</a></span>
</div>
</div>
</div>
<div class="nav">
<div class="wrap fixclear">
<div class="nav_item"><a href="/">首页</a></div>
<div class="nav_item"><a href="/Zone">样板房</a></div>
<div class="nav_item" id="taocan"><a href="javascript:;">装修中心</a>
<span>
<a href="/?a=base">基装套餐</a>
<a href="/?a=vip">精装套餐</a>
</span>
</div>
<div class="nav_item"><a href="javascript:;">金泰成特卖馆</a></div>
<div class="nav_item ikea"><a href="javascript:;">宜家</a></div>
<div class="nav_item"><a href="/Goods">家居超市</a></div>
<div class="nav_item" id="help"><a href="javascript:;">帮助</a>
<span>
<a target="_blank" href="/Article?id=2">常见问题</a>
<a target="_blank" href="/Article?id=3">售后政策</a>
<a target="_blank" href="/Article?id=5">了解我们</a>
</span>
</div>
<div class="nav_item_r fixclear">
<div class="wechat"><em></em>微信商城<div><img src="images/code_top.png" /></div></div>
</div>
</div>
</div>
</div>
<div class="banner" style="height:600px;position:relative;">
<div class="b_box">
<p>洛阳首家体验式<em>互联网家装平台</em></p>
<div class="b_search fixclear">
<span class="b_x">案例/小区<em></em></span>
<span class="b_i"><input type="text" name="b_gjc" placeholder="输入案例/小区名称的关键词"></span>
<span class="b_s"><span></span></span>
</div>
<div class="b_hot">
<span style="letter-spacing: 1px;float:left;">热搜：</span>
<div style="float:left;">
<a href="javascript:;">华润小径湾</a>、
<a href="javascript:;">十里银滩</a>、
<a href="javascript:;">中铁诺德中央道</a>、
<a href="javascript:;">皇后道</a>、
<a href="javascript:;">中铁诺德</a>、
<a href="javascript:;">茶几</a>、
<a href="javascript:;">北欧</a>、
<a href="javascript:;">小径湾</a>、
<a href="javascript:;">安徽南陵碧桂园</a>、
<a href="javascript:;">南陵碧桂园</a>
</div>
</div>
</div>
<!--导航下幻灯片-->
<div class="flexslider carousel">
<ul class="slides fixclear">
<li>
<div class="li_box" style="background:url(images/1.jpg) center top no-repeat;"></div>
</li>
<li>
<div class="li_box"style="background:url(images/2.jpg) center top no-repeat;"></div>
</li>
</ul>
</div>
<!--导航下幻灯片 end-->
<div class="b_scroll"><div></div></div>
</div>
<div class="liucheng">
<h1>装修流程</h1>
<p>业主权益第一，我们始终保障着业主装修每一步</p>
<div class="lc_icon fixclear">
<ul>
<li class="li1"><a href="javascript:;"><span></span><p>收房量房</p></a></li>
<li class="li2"><a href="javascript:;"><span></span><p>前期准备</p></a></li>
<li class="li3"><a href="javascript:;"><span></span><p>选装修公司</p></a></li>
<li class="li4"><a href="javascript:;"><span></span><p>设计阶段</p></a></li>
<li class="li5"><a href="javascript:;"><span></span><p>材料选购</p></a></li>
<li class="li6"><a href="javascript:;"><span></span><p>施工阶段</p></a></li>
<li class="li7"><a href="javascript:;"><span></span><p>竣工验收</p></a></li>
<li class="li8"><a href="javascript:;"><span></span><p>软装配饰</p></a></li>
<li class="li9"><a href="javascript:;"><span></span><p>装修保障</p></a></li>
</ul>
</div>
</div>
<div class="fengge">
<h1>热门风格</h1>
<p>已经有<strong>2429</strong>位业主查看到楼盘各种户型的搭配案例</p>
<div class="f_contain">
<div class="xgt_item">
<div class="xgt_li xgt1">
<!--热门风格 幻灯片-->
<div class="flexslider carousel2">
<ul class="slides">
<li>
<span><p>中式风格</p></span>
<a href="javaScript:;" target="_blank"><img src="images/house_1.jpg" height="100%" /></a>
<p>index1-1</p>
</li>
<li>
<span><p>法式风格</p></span>
<a href="javaScript:;" target="_blank"><img src="images/house_9.jpg" height="100%" /></a>
<p>index1-2</p>
</li>
</ul>
</div>
<!--热门风格 幻灯片 end-->
</div>
<div class="xgt_li xgt2">
<span><p>中式风格</p></span>
<a href="javascript:;"><img src="images/house_1.jpg" />
<p>index2</p></a>
</div>
<div class="xgt_li xgt3">
<span><p>中式风格</p></span>
<a href="javascript:;"><img src="images/house_2.jpg" />
<p>index3</p></a>
</div>
<div class="xgt_li xgt4">
<span><p>中式风格</p></span>
<a href="javascript:;"><img src="images/house_3.jpg" />
<p>index4</p></a>
</div>
<div class="xgt_li xgt5">
<span><p>中式风格</p></span>
<a href="javascript:;"><img src="images/house_4.jpg" />
<p>index5</p></a>
</div>
</div>
<div class="dot dot1"></div>
<div class="dot dot2"></div>
</div>
<div class="f_bg"></div>
</div>
<div class="taocan">
<h1>互联网家装套餐</h1>
<p>长达15年施工经验 敬业守信的职业素养</p>
<!--引入的套餐滚动-->
<div class="tc_box">
<div class="tab">
<div class="tab_pic">
<ul>
<li><a href="#"><img src="images/tancan_1.jpg" width="710" height="400" /></a></li>
<li><a href="#"><img src="images/tancan_2.jpg" width="710" height="400" /></a></li>
</ul>
<span class="tab_san"><img src="images/tab_san.png" width="17" height="34" /></span>
</div>
<div class="tab_txt">
<ul>
<li>
<div class="t_box">
<p class="price">699<sup>元/M²</sup></p>
<p class="txt_1">精装套餐</p>
<p class="txt_2">包设计 / 包辅料 / 包主材 / 包施工 / 保10年</p>
<div class="t_btn">
<a class="t_btn_1" href="javascript:;">我要装修</a>
<a class="t_btn_2" href="javascript:;">查看详情</a>
</div>
</div>
</li>
<li>
<div class="t_box">
<p class="price">268<sup>元/M²</sup></p>
<p class="txt_1">基装套餐</p>
<p class="txt_2">包设计 / 包辅料 / 包施工 / 保10年</p>
<div class="t_btn">
<a class="t_btn_1" href="javascript:;">我要装修</a>
<a class="t_btn_2" href="javascript:;">查看详情</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<span class="btn_ct"><a class="next"></a><a class="prev"></a></span>
</div>
<!--引入的套餐滚动 end-->
</div>
<div class="style">
<h1>洛阳小区案例</h1>
<p>已经有2429位业主查看到各个小区的搭配案例</p>
<img src="images/style.jpg" usemap="#Map" />
<map name="Map">
<area shape="rect" coords="240,9,303,81" href="http://www.17taojia.com/Style/?id=6" target="_blank">
<area shape="rect" coords="334,10,400,78" href="javascript:;" target="_blank">
<area shape="rect" coords="444,8,503,79" href="javascript:;" target="_blank">
<area shape="rect" coords="538,12,603,81" href="http://www.17taojia.com/Style/?id=1" target="_blank">
<area shape="rect" coords="635,14,704,80" href="http://www.17taojia.com/Style/?id=3" target="_blank">
<area shape="rect" coords="740,12,809,80" href="http://www.17taojia.com/Style/?id=5" target="_blank">
<area shape="rect" coords="840,11,905,80" href="javascript:;" target="_blank">
<area shape="rect" coords="943,10,1005,81" href="http://www.17taojia.com/Style/?id=4" target="_blank">
<area shape="rect" coords="1044,9,1107,79" href="javascript:;" target="_blank">
<area shape="rect" coords="1143,8,1208,79" href="http://www.17taojia.com/Style/?id=2" target="_blank">
</map>
<div class="s_contain">
<div class="sty_item">
<div class="sty_li sty1">
<div class="flexslider carousel4">
<ul class="slides">
<li><a href="javaScript:;" target="_blank"><img src="images/house_1.jpg" /></a></li>
<li><a href="javaScript:;" target="_blank"><img src="images/house_9.jpg" /></a></li>
</ul>
</div>
</div>
<div class="sty_li sty2">
<a href="javascript:;"><img src="images/house_1.jpg" />
<p>index2</p></a>
</div>
<div class="sty_li sty3">
<a href="javascript:;"><img src="images/house_2.jpg" />
<p>index3</p></a>
</div>
<div class="sty_li sty4">
<a href="javascript:;"><img src="images/house_4.jpg" />
<p>index5</p></a>
</div>
</div>
</div>
</div>
<div class="how">
<h1>家居装修讲堂</h1>
<p>已经有3092主题分享 提升家居生活品位</p>
<div class="h_contain">
<div class="h_lab fixclear">
<div>
<span class="h_l_t">装修<br/>攻略</span>
<div class="h_l_box"><a href="#">设计</a><a href="#">预算</a></div>
<div class="h_l_box"><a href="#">拆改</a><a href="#">水电</a></div>
<div class="h_l_box"><a href="#">泥工</a><a href="#">木工</a></div>
<div class="h_l_box"><a href="#">油漆</a><a href="#">成品安装</a></div>
<div class="h_l_box"><a href="#">软装</a><a href="#"></a></div>
</div>
<div>
<span class="h_l_t">生活<br/>攻略</span>
<div class="h_l_box"><a href="#">收纳</a><a href="#">清洁</a></div>
<div class="h_l_box"><a href="#">手工DIY</a><a href="#">厨房器皿</a></div>
<div class="h_l_box"><a href="#">局部搭配</a><a href="#">生活电器</a></div>
<div class="h_l_box"><a href="#">生活技能</a><a href="#"></a></div>
</div>
</div>
<div class="h_wrap">
<div class="flexslider carousel4">
<ul class="slides">
<li><a href="javaScript:;" target="_blank"><img src="images/house_1.jpg" /></a></li>
<li><a href="javaScript:;" target="_blank"><img src="images/house_2.jpg" /></a></li>
<li><a href="javaScript:;" target="_blank"><img src="images/house_3.jpg" /></a></li>
<li><a href="javaScript:;" target="_blank"><img src="images/house_4.jpg" /></a></li>
<li><a href="javaScript:;" target="_blank"><img src="images/house_5.jpg" /></a></li>
</ul>
</div>
<div class="h_read">
<div class="h_r_box fixclear">
<span class="h_r_pic"><a href="javaScript:;"><img src="images/zone_obj.jpg" /></a></span>
<span class="h_r_txt">
<a href="javaScript:;">
<p class="h_r_tit">如何贴电视背景墙壁纸，教你装饰美化电视背景墙</p>
<p class="h_r_con">说起来电视背景墙，大家一定不陌生了，每家每户应该都有，而且也在进行使用。我们都清楚，电视背景墙的存在，不仅仅是为了美化房屋，更重要的是让我们在看电视的时候能有一个放松的心情。因为电视背景墙的存在，电视背景墙的壁纸也随之而生，并且销量非常的好，不得不说我们的生活品味在不断地提高，但是，自己动手贴壁纸的问题仍然存在。那么，我们来看看如何轻松的贴上电视背景墙壁纸吧。</p>
<p class="h_r_i"><i class="h_r_i1">1245</i><i class="h_r_i2">0</i></p>
</a>
</span>
</div>
<div class="h_r_box fixclear">
<span class="h_r_pic"><a href="javaScript:;"><img src="images/zone_obj.jpg" /></a></span>
<span class="h_r_txt">
<a href="javaScript:;">
<p class="h_r_tit">如何贴电视背景墙壁纸，教你装饰美化电视背景墙</p>
<p class="h_r_con">说起来电视背景墙，大家一定不陌生了，每家每户应该都有，而且也在进行使用。我们都清楚，电视背景墙的存在，不仅仅是为了美化房屋，更重要的是让我们在看电视的时候能有一个放松的心情。因为电视背景墙的存在，电视背景墙的壁纸也随之而生，并且销量非常的好，不得不说我们的生活品味在不断地提高，但是，自己动手贴壁纸的问题仍然存在。那么，我们来看看如何轻松的贴上电视背景墙壁纸吧。</p>
<p class="h_r_i"><i class="h_r_i1">1245</i><i class="h_r_i2">0</i></p>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="reg"><a href="javascript:;">立即注册，免费浏览更多方案</a></div>
<!--页脚 start-->
<div class="foot fixclear">
<div class="foot-c">
<div class="foot-p">
<div class="p1"><span></span><a href="javascript:"><i>工厂直供</i></a></div>
<div class="p2"><span></span><a href="javascript:"><i>正品保障</i></a></div>
<div class="p3"><span></span><a href="javascript:"><i>价格透明</i></a></div>
<div class="p4"><span></span><a href="javascript:"><i>绿色环保</i></a></div>
<div class="p5"><span></span><a href="javascript:"><i>快速维权</i></a></div>
</div>
<div class="question fixclear">
<div class="q-t">
<p class="title">帮助中心</p>
<p><a href="javaScript:">购物指南</a></p>
<p><a href="javaScript:">支付方式</a></p>
<p><a href="javaScript:">配送方式</a></p>
</div>
<div class="q-t">
<p class="title">服务支持</p>
<p><a href="javaScript:">售后政策</a></p>
<p><a href="javaScript:">自助服务</a></p>
<p><a href="javaScript:">权威保障</a></p>
</div>
<div class="q-t">
<p class="title">关于我们</p>
<p><a href="javaScript:">了解我们</a></p>
<p><a href="javaScript:">加入我们</a></p>
<p><a href="javaScript:">联系我们</a></p>
</div>
<div class="q-t">
<p class="title">关注我们</p>
<p><a href="javaScript:">新浪微博</a></p>
<p><a href="javaScript:">腾讯微信</a></p>
</div>
<div class="tel">
<h1>400-0077-016</h1>
<p>周一至周日 9:00-18:00</p>
<a class="service" href="javaScript:">在线客服</a>
</div>
<div class="code"><img src="images/code.jpg" /></div>
</div>
</div>
<div class="foot-b"><p>Copyright © 2016-2017 17TaoJia. 淘家网 版权所有 <a href="javascript:">粤ICP备15011575号</a></p></div>
<div class="foot_bg1"></div>
<div class="foot_bg2"></div>
</div>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/base.js"></script>
<script>
$(function(){
$('.carousel').flexslider({
directionNav: false,
controlNav:false,
animationSpeed: 1200
});
$('.carousel2').flexslider({
directionNav: false,
pauseOnHover:true,
slideshowSpeed:3000
});
$('.carousel3').flexslider({
pauseOnAction: false,
directionNav: false,/*左右*/
controlNav:true,/*页码*/
animationSpeed: 300/*速度*/
});
$('.carousel4').flexslider({
directionNav: true,
pauseOnHover:true,
slideshowSpeed:3000
});
/*---文章 字数限制---*/
var textLeng = 70;
$('.h_r_con').each(function(){
var str =$(this).text();
if(str.length > textLeng ){
$(this).text(str.substring(0,textLeng)+"... [查看详情]");
}
});
})
</script>
</body>
</html>