-
Notifications
You must be signed in to change notification settings - Fork 0
/
productInfo.html
225 lines (187 loc) · 9.99 KB
/
productInfo.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品详情</title>
<link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
<link type="text/css" rel="stylesheet" href="style/productInfo.css">
<link type="text/css" rel="stylesheet" href="style/goTop.css">
<link type="text/css" rel="stylesheet" href="style/top.css">
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.tools.min.js" type="text/javascript"></script>
<script src="js/sanerMove.js"></script>
<script src="js/goTop.js"></script>
<script>
window.onload = function() {
var oPlus = document.getElementById("plus");
var oMinus = document.getElementById("minus");
var oQuan = document.getElementById("quantity");
oPlus.onclick = function() {
oQuan.value = parseInt(oQuan.value) + 1;
}
oMinus.onclick = function() {
if (oQuan.value >= 2) {
oQuan.value = parseInt(oQuan.value) - 1;
}
}
var oDivPD = document.getElementById("pro_detail");
var oDivBS = document.getElementById("brand_story");
var oDivPE = document.getElementById("pro_evaluation");
var oDivD = document.getElementById("detail");
var oDivS = document.getElementById("story");
var oDivE = document.getElementById("evaluation");
oDivPD.onmouseover = function() {
oDivD.style.display = "block";
oDivS.style.display = "none";
oDivE.style.display = "none";
}
oDivBS.onmouseover = function() {
oDivD.style.display = "none";
oDivS.style.display = "block";
oDivE.style.display = "none";
}
oDivPE.onmouseover = function() {
oDivD.style.display = "none";
oDivS.style.display = "none";
oDivE.style.display = "block";
}
function toDouble(iNum) {
if (iNum < 10) {
return '0' + iNum;
} else {
return '' + iNum;
}
}
var oUl = document.getElementById("middle");
var oTxt = document.getElementById("evaInput");
var oBtn = document.getElementById("subBtn");
oBtn.onclick = function() {
var oDate = new Date();
var aNumber = [];
var iYear = oDate.getYear();
var iMonth = oDate.getMonth();
var iDay = oDate.getDate();
if (iYear < 1900) {
iYear += 1900;
}
var str = '' + (iYear) + '-' + toDouble(iMonth + 1) + '-' + toDouble(iDay);
var oLi = document.createElement("li");
var oDiv1 = document.createElement("div");
oDiv1.className = "name";
oDiv1.innerHTML = "张三";
oLi.appendChild(oDiv1);
var oDiv2 = document.createElement("div");
oDiv2.className = "content";
oDiv2.innerHTML = oTxt.value;
oTxt.value = "";
oLi.appendChild(oDiv2);
var oDiv3 = document.createElement("div");
oDiv3.className = "time";
oDiv3.innerHTML = "[" + str + "]";
oLi.appendChild(oDiv3);
if (oUl.children.length > 0) {
oUl.insertBefore(oLi, oUl.children[0]);
} else {
oUl.appendChild(oLi);
}
var iHeight = oLi.offsetHeight;
oLi.style.height = '0';
startMove(oLi, {
height: iHeight
}, function() {
startMove(oLi, {
opacity: 100
});
});
};
oTxt.onfocus = function() {
this.placeholder = "";
};
}
</script>
</head>
<body>
<!--top banner登录和注册-->
<div id="top_banner" >
<div class="signout">
<ul class="links">
<li><font color="white">欢迎来到马上购！</font></li>
<li><a href="regist.html" target="_blank" class="main-category top-menu">免费注册</a></li>
<li class="separator"><font color="white">|</font></li>
<li class="last login"><a href="login.html" class="main-category top-menu">登录</a></li>
</ul>
</div>
<div id="my_shangou"><a href="http://www.seu.edu.cn">我的闪购</a></div>
</div>
<!--搜索框和品牌标示部分-->
<div id="logo_search">
<div>
<form action="javascript:;" method="get"> <input type="text" name="s" class="sinput" placeholder="输入您感兴趣的商品，回车搜索" x-webkit-speech> <input type="submit" value="搜索" class="sbtn"> </form>
</div>
<div id="logo"><a href="index.html"><img src="images/logo.jpg"/></a></div>
<div id="logo_text"><a href="index.html">马上购</a></div>
<a href="myCart.html" target="_blank"><div id="cart"><img src="images/cart.jpg" /></div></a>
<div id="laiwang">
<img src="images/laiwang.jpg" />
<div id="text">官方来往公众号</div>
</div>
</div>
<!--顶部分类栏-->
<div id="top_navi">
<div class="all_sort">全部商品分类</div>
<a href="index.html" target="_self"><div class="top_sort">首页</div></a>
<a href="woman.html" target="_self"><div class="top_sort">女人</div></a>
<a href="man.html" target="_self"><div class="top_sort">男人</div></a>
<a href="kids.html" target="_self"><div class="top_sort">儿童</div></a>
<a href="life.html" target="_self"><div class="top_sort">生活</div></a>
<a href="beauty.html" target="_self"><div class="top_sort">美妆</div></a>
<a href="foods.html" target="_self"><div class="top_sort">食品</div></a>
<a href="luxury.html" target="_self"><div class="top_sort">奢侈品</div></a>
</div>
<!--商品信息描述部分-->
<div id="pro_info">
<div id="big_pic"><img src="images/proInfo.jpg"></div>
<div id="info01">请在此处输入商品名称</div>
<div id="info02">商品价格：<div id="price">¥999.00</div></div>
<div id="info03">选择数量:<input id="minus" type="button" value="-"/><input id="quantity" type="text" value="1" readonly="readonly"/><input id="plus" type="button" value="+"></div>
<div id="info04"><a href="javascript:;"><div id="add_cart">加入购物车</div></a></div>
<div id="info05"><a href="javascript:;"><div id="pro_detail">产品细节</div></a><a href="javascript:;"><div id="brand_story">品牌故事</div></a><a href="javascript:;"><div id="pro_evaluation">商品评价</div></a><div id="detail">编辑附注
全新第6代修护精华，先净化，再根源修护，彻夜清空累积损伤，从源头突破，强化夜间巅峰修护力。肌肤深透滋润，日益平滑，抚纹，润泽，匀净，透亮......见证10大年轻真相*。
产品细节
主要成分: 全新ChronoluxCB™ 科技,革新净化，根源修护。先一步净化、清空累积损伤，从而激发自身的修护能力，配合基因生物钟同步修护科技，帮助肌肤在夜间抵达修护巅峰，从根源重启年轻旺盛的睡眠修护力，更整日阻隔环境损伤，深透、净化、修护、滋养，年轻一瓶尽收！
产品类型: 面部护理
适用肌肤: 适合所有肤质
使用方法: 在化妆水或肌底液之后，面霜或乳液之前使用
保质期: 2016/3/1
净含量: 30ml
品牌属地: 美国
特别提示:
＊请将产品保存于隔热避光处；
＊敏感类或对于护肤成份易过敏的肌肤可先达专柜进行试用。
*产品以实际收到的产地为准。
*图片及相关信息仅供参照，因拍摄灯光及不同显示器色差等问题可能造成商品图片与实物的色差，一切以实物为准。</div><div id="story">雅诗兰黛夫人凭借着想“为每个女性带来美丽”的渴望创立了雅诗兰黛品牌，并于1946年成立了以她名字命名的公司，同时推出了她的第一款产品：由她当化学家的叔叔研发的一瓶护肤霜。而在这面霜被最终贴上雅诗兰黛商标之前，它已经赢得了一群忠实粉丝。当1953年，具有革命性意义的Youth-Dew香水被推出之时,雅诗兰黛公司已经赢得了不断创新，精于研发，品质优良美誉。如今，雅诗兰黛旗下的护肤，彩妆以及香氛产品都成为了科学与艺术完美结合的最佳范例。鉴于公司对产品质量的严格控制和顾客承诺的忠实履行，标有雅诗兰黛(Estée Lauder)字样的产品受到全球100多个国家用户的爱戴。历经半个多世纪，它以领先科技和卓越功效在全球赢得广泛美誉。现今，雅诗兰黛的护肤、彩妆及香水产品系列已在全球130多个国家销售。
坚持为每个女性带来美丽的初衷、致力于科研的突破和创新、保持与顾客良好的交流，这些优秀传统延续至今并成为未来发展的宝贵基础。而与时尚先驱创造性合作、邀请多位在各自领域有突出成就的精英人士代言，则赋予品牌全新的魅力和内涵，象征着雅诗兰黛的当代精神，更传达了品牌长期以来所推崇的优雅和内涵，共同诉说着女性美的回归——年轻、自信，极富女性魅力。
雅诗兰黛夫人一直认为“每一个女人都可以永远拥有美丽和时尚”。</div>
<div id="evaluation">
<div id="top"><div>评论人</div><div>评论内容</div><div>评论时间</div></div>
<ul id="middle">
<li style="filter:alpha(opacity:100); opacity:1;"><div id="name" class="name">博文</div><div id="content" class="content">东西不错，爸妈很喜欢，下次还来买！</div><div id="time" class="time">[2013-09-06]</div></li>
</ul>
<div id="bottom">
<textarea id="evaInput" placeholder="请输入您的评价！" ></textarea>
<div id="subBtn">提交评论</div>
</div>
</div>
</div>
</div>
<!--底部版权说明部分-->
<div id="copyright">
<div class="about_us"><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 class="beian">苏ICP备13044439号|合字B1.B2-20140037|营业执照</div>
<div class="copy_right">Copyright© 2014 马上购闪购 版权所有</div>
</div>
<!--回到顶部部分-->
<a href="javascript:;"><div id="goTop"><img src="images/goTop.jpg"></div></a>
</body>
</html>