-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
207 lines (190 loc) · 7.95 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
<html>
<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="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-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>壹捷龙华·汽车服务</title>
<link href="css/main.css" type="text/css" rel="stylesheet" />
</head>
<body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<div class="main">
<div class="page pageA">
<span class="ezlogo"><img src="images/ezlogo.png" alt=""></span>
<div class="ezTitle">
<p>龙华汽车服务</p>
<div class="loadLine">
<span class="loadnum">0%</span>
<img src="images/car.png" class="loadcar" alt="">
<div class="loadper"></div>
</div>
<div class="ezcoop">
<span><img src="images/logo2.png" alt=""></span>
<a>+</a>
<span><img src="images/logo1.png" alt=""></span>
</div>
</div>
</div>
<script type="text/javascript">
$('.loadper').animate({
'width': '30%'
}, 100);
$(".loadnum").text("30%");
</script>
<div class="page pageB">
<span class="ezlogo"><img src="images/ezlogo.png" alt=""></span>
<p class="slogan1 sloganl">华章谱写十春秋</p>
<p class="slogan1 sloganr">天南地北竞风流</p>
<p class="slogan1 sloganl">壹捷十年，感恩相伴</p>
<div class="hrline">
<img src="images/tool.png" alt="" />
</div>
<p class="slogan2">我们壹捷 一生一世保护你</p>
<div class="car">
<img src="images/lamp-icon.png" class="lamp" alt="" />
<img src="images/car.png" class="carhod" alt="">
</div>
</div>
<script type="text/javascript">
$('.loadper').animate({
'width': '45%'
}, 100);
$(".loadnum").text("45%");
</script>
<div class="page pageC ">
<div class="pageCbg">
<img src="images/sun.png" class="sun" alt="">
<img src="images/curve.png" class="curve" alt="">
<div class="carvix">
<img src="images/car.png" class="carcve" alt="">
<img src="images/prolayer.png" class="carlayer" alt="">
<img src="images/music1-icon.png" class="music mus1" />
<img src="images/music2-icon.png" class="music mus2" />
</div>
<div class="pageCbgimg"></div>
</div>
<div class="pgc">
<div class="opbg">
<div class="carcvebox">
<img src="images/car-c.jpg" alt="" class="car-d" />
</div>
<h2>汽车 • 贴膜</h2>
<p class="op1">炎炎夏日给你最好的保护<br/> 减少太阳热和炫光阻隔紫外线
</p>
<p class="op2">提高安全防爆性<br/> 防止意外刮划
</p>
</div>
</div>
</div>
<script type="text/javascript">
$('.loadper').animate({
'width': '60%'
}, 100);
$(".loadnum").text("60%");
</script>
<div class="page pageD ">
<canvas id="canvas"></canvas>
<div class="pageDbg">
<div class="carvix">
<img src="images/car.png" class="carcve" alt="">
<img src="images/prolayer.png" class="carlayer" alt="">
<img src="images/music1-icon.png" class="music mus1" />
<img src="images/music2-icon.png" class="music mus2" />
</div>
<div class="pageDbgimg"></div>
</div>
<div class="pgd">
<div class="opbg">
<div class="carcvebox">
<img src="images/car-d.jpg" alt="" class="car-d" />
</div>
<h2>汽车 • 美容</h2>
<p class="op1">遇见酸雨我也不怕噢<br/> 漆面美容后我变亮变结实了
</p>
<p class="op2">抗氧化，白色车漆不再变黄<br/> 增加车漆滑水性，树胶、鸟粪不留痕
</p>
</div>
</div>
</div>
<script type="text/javascript">
$('.loadper').animate({
'width': '75%'
}, 100);
$(".loadnum").text("75%");
</script>
<div class="page pageE">
<canvas id="canvas2"></canvas>
<div class="pageEbg">
<div class="carvix">
<img src="images/car.png" class="carcve" alt="">
<img src="images/prolayer.png" class="carlayer" alt="">
<img src="images/music1-icon.png" class="music mus1" />
<img src="images/music2-icon.png" class="music mus2" />
</div>
<div class="pageEbgimg"></div>
</div>
<div class="pge">
<div class="opbg">
<div class="carcvebox">
<img src="images/car-e.jpg" alt="" class="car-e" />
</div>
<h2>汽车 • 底盘装甲</h2>
<p class="op1">底盘隔热防寒我能行<br/> 高固分车抵抗冲击组合弹性好更耐磨
</p>
<p class="op2">大大降低噪音提高驾驶舒适度<br/> 超强的抗盐雾，耐水性能，永久保护
</p>
</div>
</div>
</div>
<script type="text/javascript">
$('.loadper').animate({
'width': '90%'
}, 100);
$(".loadnum").text("90%");
</script>
<div class="page pageF">
<div class="pagecon">
<div class="seretit ">我们的服务</div>
<div class="ezTitle">
<p class="tq">龙华汽车服务</p>
<div class="loadLine">
<span class="ezlogo"><img src="images/ezlogo2.png" alt=""></span>
<img src="images/car.png" class="loadcar" alt="">
<div class="loadper"></div>
</div>
<div class="ezinf">
<div class="fl">
<p>联系人：敖经理</p>
<p>电话：13510906677</p>
<p>地址：深圳市龙华新区高峰社区<br/>陶吓村永创科技园工业区B栋101
</p>
</div>
<div class="fr">
<p>再看一次</p>
</div>
</div>
</div>
</div>
<div class="pageFbg">
<div class="carvix">
<img src="images/car.png" class="carcve" alt="">
</div>
</div>
<div class="pageFbgimg"></div>
</div>
</div>
<script src="js/main.js"></script>
<script type="text/javascript">
$('.loadper').animate({
'width': '100%'
}, 100);
$(".loadnum").text("start");
window.onload = function() {
EZ.Init(); //初始化函数
}
</script>
</body>
</html>