forked from rocker2010/one-dollor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
197 lines (196 loc) · 10.7 KB
/
main.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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<!--[if IE]>
<script type="text/javascript" src="css/js/html5.min.js"></script>
<![endif]-->
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="css/jquery.imageZoom.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="css/js/jquery.min.js"></script>
<script type="text/javascript" src="css/js/jquery.imageZoom.js"></script>
<script type="text/javascript">
$(document).ready( function() {
if($(".nav").is(":visible")==false){
$("#content").css("margin-top","0");}else{$("#content").css("margin-top","0");}
$("body").imageZoom();
$(".toggle").click(function(){
$(this).toggleClass("sel");
$(".nav").toggle();
vh=$(".nav").height()+64;
if($(".nav").is(":visible")==false){
$("#content").css("margin-top","54px");}else{$("#content").css("margin-top",vh);}
})
$(".naf").click(function(){
if($("ul",$(this)).hasClass("sel")){
$("ul",$(this)).removeClass("sel");}
else {
$("#footer").find(".sel").removeClass("sel");
$("ul",$(this)).attr("class","sel"); }
})
})</script>
<title>1元购</title>
</head>
<body>
<header class="p5" id="header"><a href="javascript:history.go(-1)" class="abs M-left cb wt60 f16 db">返回</a><a href="index.html" class="abs M-right db wt50"><img src="css/images/logo.png" alt="" width="40"></a>
<div class="toggle sel">产品分类选择</div>
</header>
<nav class="nav" id="navCategory" style="display: block;"> <a href="/Product/List/26"><span class="f12">数码影音</span></a> <a href="/Product/List/27"><span class="f12">创意产品</span></a> <a href="/Product/List/28"><span class="f12">健康产品</span></a> <a href="/Product/List/29"><span class="f12">生活日用</span></a> <a href="/Product/List/30"><span class="f12">美妆护肤</span></a> <a href="/Product/List/31"><span class="f12">保健食品</span></a> </nav>
<article id="content">
<div class="topImg">
<div id="slider" class="swipe" style="visibility: visible;">
<div class="swipe-wrap">
<figure>
<div class="wrap">
<div class="image" style="background:url(images/u235.jpg) center no-repeat;background-size: cover"> </div>
</div>
</figure>
<figure>
<div class="wrap">
<div class="image" style="background:url(images/u236.jpg) center no-repeat;background-size: cover"> </div>
</div>
</figure>
<figure>
<div class="wrap">
<div class="image" style="background:url(images/u237.jpg) center no-repeat;background-size: cover"> </div>
</div>
</figure>
<figure>
<div class="wrap">
<div class="image" style="background:url(images/u238.jpg) center no-repeat;background-size: cover"> </div>
</div>
</figure>
</div>
</div>
<nav>
<ul id="position" style="display:block">
<li class="on"></li>
<li class=""></li>
<li class=""></li>
<li class=""></li>
</ul>
</nav>
</div>
<h1 class="p5 line mb10 f18"><img src="css/images/jb.png" alt="" width="30" class="mr10 vb">我拥有的天狮金币: <span class="cr vb">1250</span><a href="goldcoin.html" class="ml10 cbl nb">[获得金币]</a></h1>
<section class="pro">
<ul>
<li class="pl10 pr10 mb10 line pb10 ovh"> <a class="tc pt5 pb5 f16 bgl db bd1" href="list.html">数码影音>></a>
<div class="l pct40">
<div class="bgwh tc bd1 p5 mt10 mr10 h170 ovh"><a href="view.html"><img src="images/sd2.jpg" alt=""></a>
<p><a href="view.html"><span>(第1488期) iPhone6 Plus 5.5英寸 16G</span></a></p>
</div>
</div>
<div class="r pct60">
<div class="h170">
<div class="bgwh bd1 mb10 ovh p5 mt10"><a href="view.html" class="l"><img src="images/pro.jpg" alt="" class="mr5 l p2" width="60" height="60">
<div class="ovh h74"> <span class="b">(第1期) AEE HD50F[1080P] 高清运动摄像机</span> <span class="cr">热卖机型，迷你小巧，高清广角！</span> </div>
</a></div>
<div class="bgwh bd1 ovh p5"><a href="view.html"><img src="images/pro.jpg" alt="" width="60" height="60" class="mr5 l p2">
<div class="ovh h74"> <span class="b">(第1期) dostyle IP303 Pro家用微型投影仪/投影机</span> <span class="cr">全新升级四核CPU+蓝牙4.0 运行更流畅 娱乐功能更强大！</span> </div>
</a></div>
</div>
</div>
</li>
<li class="pl10 pr10 mb10 line pb10 ovh"> <a class="tc pt5 pb5 f16 bgl db bd1" href="list.html">数码影音>></a>
<div class="l pct40">
<div class="bgwh tc bd1 p5 mt10 mr10 h170 ovh"><a href="view.html"><img src="images/pro.jpg" alt="" height="130" width="130"></a>
<p><a href="view.html"><span>(第1488期) iPhone6 Plus 5.5英寸 16G</span></a></p>
</div>
</div>
<div class="r pct60">
<div class="bgwh bd1 p5 mt10 h170">
<div class="mb10 ovh line pb5"><a href="view.html" class="l"><img src="images/pro.jpg" alt="" class="mr5 l p2" width="60" height="60">
<div class="ovh"><span class="b">(第154期) MacBook Air 13.3英寸宽屏笔记本电脑</span><span class="ml5 cr">纤薄，轻巧，强劲</span></div>
</a></div>
<div class="ovh fix"><a href="view.html"><img src="images/pro.jpg" alt="" width="60" height="60" class="mr5 l p2">
<div class="ovh"><span class="b">(第202期) 小米电视2</span><span class="ml5 cr">客厅艺术品，6.2mm全铝合金极窄边框，15.5mm 超薄机身</span></div>
</a></div>
</div>
</div>
</li>
<li class="pl10 pr10 mb10 line pb10 ovh"> <a class="tc pt5 pb5 f16 bgl db bd1" href="list.html">数码影音>></a>
<div class="l pct40">
<div class="bgwh tc bd1 p5 mt10 mr10 h170 ovh"><a href="view.html"><img src="images/pro.jpg" alt="" height="130" width="130"></a>
<p><a href="view.html"><span>(第1488期) iPhone6 Plus 5.5英寸 16G</span></a></p>
</div>
</div>
<div class="r pct60">
<div class="bgwh bd1 p5 mt10 h170">
<div class="mb10 ovh line pb5"><a href="view.html" class="l"><img src="images/pro.jpg" alt="" class="mr5 l p2" width="60" height="60">
<div class="ovh"><span class="b">(第154期) MacBook Air 13.3英寸宽屏笔记本电脑</span><span class="ml5 cr">纤薄，轻巧，强劲</span></div>
</a></div>
<div class="ovh fix"><a href="view.html"><img src="images/pro.jpg" alt="" width="60" height="60" class="mr5 l p2">
<div class="ovh"><span class="b">(第202期) 小米电视2</span><span class="ml5 cr">客厅艺术品，6.2mm全铝合金极窄边框，15.5mm 超薄机身</span></div>
</a></div>
</div>
</div>
</li>
</ul>
<div class="p10 mb10">
<h1 class="p5 line vb mb10 f18">晒单记录</h1>
<ul class="sd">
<li><i class="icon icon-zoom"></i><a href="images/sd.jpg"><img src="images/sd.jpg" alt=""></a></a>
<div class="sdR">
<h1 class="b mb10 f16 fa"> 从小到大,买彩票,都没中过100以上的.这次网易的一次不经意的推送消息,就打算抱着试试看的心态,买了几次.开始买了几百块,没中,第二天,又买了少许,关闭网页,随后,网易就发了一条信息过 </h1>
<h1 class="f16 nb cgr">MIXM****AWA</h1>
<h1 class="f14 nb"><a href="view.html">(第488期) iPhone6 Plus 5.</a></h1>
</div>
</li>
<li><i class="icon icon-zoom"></i><a href="images/sd2.jpg"><img src="images/sd2.jpg" alt=""></a>
<div class="sdR">
<h1 class="b mb10 f16 fa"> 今天收到了iphone6，心情非常好好，因为答应给老婆的礼物收到了，感谢网易一元夺宝给我的礼物，感谢网易一元夺宝给我不断的惊喜，以后会加大投资力度，多多中奖，在此说一句，你们辛苦了。。。 </h1>
<h1 class="f16 nb cgr">MIXM****AWA</h1>
<h1 class="f14 nb"><a href="view.html">(第488期) iPhone6 Plus 5.</a></h1>
</div>
</li>
<li><i class="icon icon-zoom"></i><a href="images/sd.jpg"><img src="images/sd.jpg" alt=""></a>
<div class="sdR">
<h1 class="b mb10 f16 fa">终于中了，还是4个币中的 ！！本来心灰意冷了，随便投的，真是柳暗花明又一村啊！大家不要羡慕，前前后后为了中这个，加上细号也是花费不少。多谢这期的坑友，网易。题外话:个人感觉网易的一元夺宝相对于其他一元网站公平、公正、公开好多，也正规好多，希望一元夺宝一直保持下去和有更多新品。</h1>
<h1 class="f16 nb cgr">MIXM****AWA</h1>
<h1 class="f14 nb"><a href="view.html">(第48期) iPhone6 Plus 5.</a></h1>
</div>
</li>
</ul>
<div class="tr"><a href="sd-jilu.html" class="abtn xq">更多晒单记录</a> </div>
</div>
</section>
</article>
<footer id="footer" class="fix inline_box">
<div id="butten1" class="sel inline_three naf"><a href="http://eshop.tiens.com" target="_blank" class="f14"><strong>移动商城</strong></a></div>
<div id="butten2" class="inline_three naf"><a href="javascript:void(0)" class="f14"><strong>精彩活动</strong></a>
<ul>
<li><a href="sd-jilu.html" class="f14">晒单记录</a></li>
<li><a href="xywj.html" class="f14">幸运玩家</a></li>
<li><a href="falv.html" class="f14">法律声明</a></li>
</ul>
</div>
<div id="butten2" class="inline_three naf"><a href="javascript:void(0)" class="no f14"><strong>个人中心</strong></a></span>
<ul>
<li><a href="goldcoin.html" class="f14">我的金币</a></li>
<li><a href="goldcoin-jilu.html" class="f14">金币收支</a></li>
<li><a href="duihuan.html" class="f14">我的兑换</a></li>
<li><a href="cyjilu.html" class="f14">参与记录</a></li>
<li><a href="guanzhu.html" class="f14">关注列表</a></li>
<li><a href="TiensCloud/myspace.html" class="f14">我的云空间</a></li>
</ul>
</div>
</footer>
<script src="css/js/swipe.js"></script>
<script>
var slider =
Swipe(document.getElementById('slider'), {
auto: 3000,
continuous: true,
callback: function(pos) {
var i = bullets.length;
while (i--) {
bullets[i].className = ' ';
}
bullets[pos].className = 'on';
}
});
var bullets = document.getElementById('position').getElementsByTagName('li');
</script>
</body>
</html>