-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathduihuan-view2.html
111 lines (109 loc) · 5.07 KB
/
duihuan-view2.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
<!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">
<!--<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0,minimum-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 rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="css/js/jquery.min.js"></script>
<script type="text/javascript">
$(".mainList .year .list").each(function (e, target) {
var $target= $(target),
$ul = $target.find("ul");
$target.height($ul.outerHeight()), $ul.css("position", "absolute");
});
$(document).ready( function() {
//底部菜单
$(".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"); }
})
//顶部菜单结束
$(".mainList .year>h2>a").click(function (e) {
e.preventDefault();
$(this).parents(".year").toggleClass("close");
});
//
$('#tabHis a').click(function(){
$('#tabHis').find(".active").removeClass("active");
$(this).parents('td').addClass("active");})
//
$('.viewC').click(function(){
$(this).parents('.cls').find('.more').toggle();
})
});
</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">查看全部产品</div>
</header>
<nav class="nav"> <a href="list.html"><span class="f12">3C产品</span></a> <a href="list.html"><span class="f12">创意产品</span></a><a href="list.html"><span class="f12">创意产品</span></a> <a href="list.html"><span class="f12">健康产品</span></a> <a href="list.html"><span class="f12">生活类</span></a> <a href="list.html"><span class="f12">美妆护肤</span></a><a href="list.html"><span class="f12">保健食品</span></a></nav>
<article id="content">
<section class="pro">
<ul>
<li class="probox bgl line2 box mb0">
<div class="flex1 tc mr15">
<div class="proImg"><a href="view.html"><img src="images/pro.jpg" alt=""></a></div>
</div>
<div class="flex5 pw">
<h1 class="f18"><span class="nb mr5 cr">(第488期)</span>iPhone6 4.7英寸 128G <span class="cr">至大之作,亦是至薄之作(颜色随机)</span></h1>
<p class="mt10 mb10 f18"><span class="mr5">兑换数量：2</span>
</p>
<p class="rel f18"><i class="jb"></i><span class="pl30">总需：<span class=" cgr">9388</span> 枚天狮金币</span></p>
</div>
</li>
</ul>
<div class="bgwh f14" style="padding:10px;">
<div class="note p10">
<p class="mb10 ovh"><span class="b">姓 名：</span>江泽民</p>
<p class="mb10 ovh"><span class="b">手机号：</span>15265478451</p>
<p class="mb10 ovh"><span class="b">邮 箱：</span>[email protected]</p>
<p class="mb10 ovh"><span class="b">地 址：</span>天空你发快递间洒落就疯狂大楼将斯卡拉解放东路就爱上了</p>
</div>
<div class="inline_box">
<div class="inline_two pr10 bbox"><input type="button" class="btn f16 pct100 mt10" value="返回修改"></div>
<div class="inline_two pl10 bbox"><input type="button" class="btn f16 pct100 mt10" value="确认兑换"></div>
</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>
</body>
</html>