forked from qq281347465/Apple
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAirPods.html
307 lines (286 loc) · 14 KB
/
AirPods.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="format-detection"content="telephone=no,email=no,date=no,address=no" />
<meta name="readerer" content="webkit" />
<title>购买AirPods</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/mycss.css"/>
<link rel="stylesheet" type="text/css" href="css/AirPods.css"/>
</head>
<body>
<!-- 头部开始 -->
<header class="navbar-fixed-top ">
<nav class="navbar navbar-default nav_bg" role="navigation ">
<div class="container header ">
<div class="row">
<div class="navbar-header ">
<div class="col-xs-1">
<button type="button" class="navbar-toggle navbar-btn" data-toggle="collapse"
data-target="#navbar-collapse">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="row">
<a class="col-xs-10 navbar-brand navbar-brand-logo" href="index.html"></a>
<a class="col-xs-1 navbar-brand navbar-brand-bag" href="Login.html"></a>
</div>
</div>
<div class="row">
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav col-xs-11 col-md-11 headline">
<li><a href="iPhone.html">iPhone</a></li>
<li><a href="Mac.html">Mac</a></li>
<li><a href="#">iPad</a></li>
<li><a href="#">Watch</a></li>
<li><a href="#">TV</a></li>
<li><a href="#">Music</a></li>
<li><a href="Support.html">Support</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</header>
<section >
<div class="container-fluid support-title">
<div class=" mt40 container">
<h3 class="black col-md-11 col-xs-12"style="font-weight: 900;">配件
<a href="#"style="font-size: 12px; padding-top: 10px;float: right;">浏览全部∨</a>
</div>
</div>
<div class="container">
<div class="col-md-4 text-left AirPods">
<h1>AirPods</h1>
<h4>RMB 1,276</h4><br />
<a href="#"style="margin-bottom:20px;display: block">更有分期付款选择。</a>
<a href="Login.html"><button class="btn-creat white">添加至购物车</button></a>
<a href="#"title="添加至个人收藏"><span class="glyphicon glyphicon-heart-empty "></span></a><br/>
<span class="glyphicon glyphicon-gift mt20 f22"></span><br />
<ul class="mt10"style="color:#959595; font-size: 12px;">
<li>送达日期：</li>
<li>有现货</li>
<li>免费送货</li>
<li><a href="#">查看送货日期</a></li>
<li><hr/></li>
<li class="f16"><span class="glyphicon glyphicon-headphones f16"></span>
获得购买帮助， <a href="#" style="font-size: 12px;">立即在线交流</a> 或致电 400-666-8800。</li>
</ul>
</div>
<div class="col-md-8 AirPods-lubo">
<div class="ban" id="demo1">
<div class="ban2" id="ban_pic1">
<div class="prev1" id="prev1">
<img src="img/index_tab_l.png" width="28" height="51" />
</div>
<div class="next1" id="next1">
<img src="img/index_tab_r.png" width="28" height="51" />
</div>
<ul>
<li><a href="javascript:;"><img src="img/Ab1.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab2.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab3.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab4.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab5.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab1.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab2.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab3.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/ab4.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab5.jpg" width="500" height="500" /></a></li>
</ul>
</div>
<div class="min_pic">
<div class="prev_btn1" id="prev_btn1"><img src="img/feel3.png" width="9" height="18" /></div>
<div class="num clearfix" id="ban_num1">
<ul>
<li><a href="javascript:;"><img src="img/s1.jpg" width="80" height="80" /></a></li>
<li><a href="javascript:;"><img src="img/s2.jpg" width="80" height="80" /></a></li>
<li><a href="javascript:;"><img src="img/s3.jpg" width="80" height="80" /></a></li>
<li><a href="javascript:;"><img src="img/s4.jpg" width="80" height="80" /></a></li>
<li><a href="javascript:;"><img src="img/s5.jpg" width="80" height="80" /></a></li>
<li><a href="javascript:;"><img src="img/s1.jpg" width="80" height="80" /></a></li>
<li><a href="javascript:;"><img src="img/s2.jpg" width="80" height="80" /></a></li>
<li><a href="javascript:;"><img src="img/s3.jpg" width="80" height="80" /></a></li>
<li><a href="javascript:;"><img src="img/s4.jpg" width="80" height="80" /></a></li>
<li><a href="javascript:;"><img src="img/s5.jpg" width="80" height="80" /></a></li>
</ul>
</div>
<div class="next_btn1" id="next_btn1"><img src="img/feel4.png" width="9" height="18" /></div>
</div>
</div>
<div class="mhc"></div>
<div class="pop_up" id="demo2">
<div class="pop_up_xx"><img src="img/chacha3.png" width="40" height="40" /></div>
<div class="pop_up2" id="ban_pic2">
<div class="prev1" id="prev2"><img src="img/index_tab_l.png" width="28" height="51" /></div>
<div class="next1" id="next2"><img src="img/index_tab_r.png" width="28" height="51" /></div>
<ul>
<li><a href="javascript:;"><img src="img/Ab1.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab2.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab3.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab4.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab5.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab1.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab2.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab3.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab4.jpg" width="500" height="500" /></a></li>
<li><a href="javascript:;"><img src="img/Ab5.jpg" width="500" height="500" /></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title f22 fw">
<a data-toggle="collapse" data-parent="#accordion"
href="#collapseOne"style="display:block;width: 100%;">
产品信息<span class="glyphicon glyphicon-plus fr"style="font-size: 14px; color:#8C8C8C;padding-top: 2px;"></span>
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body row text-left">
<div class="col-md-3 f22 panel-text">概述</div>
<div class="col-md-9 panel-text">
<strong>无线，无繁琐，只有妙不可言。</strong>
<p>你使用耳机的方式，将会因 AirPods 而改变。只要将 AirPods 从充电盒中取出，它们便会立刻启动并连接至你的 iPhone、Apple Watch、iPad 或 Mac(1)。当你将 AirPods 戴入耳中，它们会自动播放音频；从耳中取出后，又会自动暂停。你只需轻点两次以激活 Siri，即可调节音量、更改歌曲、拨打电话，甚至获取路线信息。</br></br>
AirPods 配备了定制的 Apple W1 芯片，使用光学传感器和运动加速感应器来检测你是否已将它们戴入耳中。无论是双耳同时使用 AirPods，还是仅佩戴其中一只，W1 芯片都能够自动传送音频和激活麦克风。当你在打电话或与 Siri 交谈时，额外的加速感应器与采用波束成形技术的麦克风默契协作，可过滤掉背景噪音，清晰锁定你的声音。由于低功耗的 W1 芯片对电池续航时间的管理十分出色，因此 AirPods 一次充电即可最长聆听 5 小时，表现出众(2)。它们经过精心打造，旨在供你随时使用；由于充电盒额外提供多次充电，这款耳机可满足超过 24 小时的电量使用(3)。需要快速充电？只需放入充电盒中 15 分钟即可获得最长可达 3 小时的使用时间(4)。
</br></br>每位顾客限购 6 部。</p>
</div>
<div class="col-md-3 f22 panel-text">亮点</div>
<div class="col-md-9 panel-text">
<ul>
<li>由 Apple 设计</li>
<li>自动开启、自动连接</li>
<li>轻点一下，即可与你的各种 Apple 设备连接(1)</li>
<li>轻点两下快速访问 Siri</li>
<li>搭配充电盒使用的电池续航时间可超过 24 小时(2)</li>
<li>在充电盒中快速充电</li>
<li>在不同设备之间流畅转换</li>
</ul>
</div>
<div class="col-md-3 f22 panel-text">技术规格</div>
<div class="col-md-9 panel-text">
<ul>
<li>蓝牙</li>
<li>无线</li>
<li><strong>辅助功能</strong></li>
<li>实时收听音频(8)</li>
<li>辅助切换控制</li>
<li><strong>重量</strong></li>
<li>AirPods (每枚)：4 克 (0.14 盎司)</li>
<li>充电盒：38 克 (1.34 盎司)</li>
<li><strong>尺寸</strong></li>
<li>AirPods (每枚)：16.5 x 18.0 x 40.4 毫米 (0.65 x 0.71 x 1.59 英寸)</li>
<li>充电盒：44.3 x 21.3 x 53.5 毫米 (1.74 x 0.84 x 2.11 英寸)</li>
</ul>
</div>
<div class="col-md-3 f22 panel-text">系统要求</div>
<div class="col-md-9 panel-text">
<ul>
<li>蓝牙</li>
<li>无线</li>
<li><strong>辅助功能</strong></li>
<li>实时收听音频(8)</li>
<li>辅助切换控制</li>
<li><strong>重量</strong></li>
<li>AirPods (每枚)：4 克 (0.14 盎司)</li>
<li>充电盒：38 克 (1.34 盎司)</li>
<li><strong>尺寸</strong></li>
<li>AirPods (每枚)：16.5 x 18.0 x 40.4 毫米 (0.65 x 0.71 x 1.59 英寸)</li>
<li>充电盒：44.3 x 21.3 x 53.5 毫米 (1.74 x 0.84 x 2.11 英寸)</li>
</ul>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title f22 fw">
<a data-toggle="collapse" data-parent="#accordion"
href="#collapseTwo"style="display:block;width: 100%;">
兼容性<span class="glyphicon glyphicon-plus fr"style="font-size: 14px; color:#8C8C8C;padding-top: 2px;"></span>
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body row text-left">
<div class="col-md-4 f22"></div>
<div class="col-md-2 panel-text">
<ul>
<li><strong>iPhone 机型</strong></li>
<li><a href="#">iPhone XS</a></li>
<li><a href="#">iPhone XS Max</a></li>
<li><a href="#">iPhone X</a></li>
<li><a href="#">iPhone 8</a></li>
<li><a href="#">iPhone 8 Plus</a></li>
<li><a href="#">iPhone 7</a></li>
<li><a href="#">iPhone 7 Plus</a></li>
<li><a href="#">iPhone 6s</a></li>
<li><a href="#">iPhone 6s Plus</a></li>
<li><a href="#">iPhone SE</a></li>
<li><a href="#">iPhone 5s</a></li>
</ul>
</div>
<div class="col-md-3 panel-text">
<ul>
<li><strong>iPad 机型</strong></li>
<li><a href="#">iPad Pro 12.9 英寸 (第二代)</a></li>
<li><a href="#">iPad Pro 12.9 英寸 (第二代)</a></li>
<li><a href="#">iPad Pro 12.9 英寸 (第二代)</a></li>
<li><a href="#">iPad Pro 12.9 英寸 (第二代)</a></li>
<li><a href="#">iPad Pro 12.9 英寸 (第二代)</a></li>
</ul>
</div>
<div class="col-md-3xx panel-text">
<ul>
<li><strong>iPod 机型</strong></li>
<li><a href="#">第六代 iPod touch</a></li>
<li><a href="#">第六代 iPod touch</a></li>
<li><a href="#">第六代 iPod touch</a></li>
<li><a href="#">第六代 iPod touch</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer class="mt20">
<div class="container pt20 footer-bg">
<div class="row">
<div class="col-xs-12 col-md-2 col-md-push-10">
<a href="#">
<span class="USA-logo"></span>
美国
</a>
</div>
<div class="col-xs-12 col-md-4 col-md-pull-2">
<span class="footer-bq">版权所有©2018 Apple Inc.保留所有权利。</span>
</div>
<div class="col-xs-12 col-md-6 col-md-pull-2">
<ul class="footer-item text-left">
<li><a class="footer-item-shu" href="#">隐私政策</a></li>
<li><a class="footer-item-shu" href="#">使用条款</a></li>
<li><a class="footer-item-shu" href="#">销售和退款</a></li>
<li><a class="footer-item-shu" href="#">法律</a></li>
<li><a href="#">网站地图</a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/AirPods.js" type="text/javascript" charset="utf-8"></script>
});
</script>
</html>