-
Notifications
You must be signed in to change notification settings - Fork 0
/
calc_05.html
168 lines (167 loc) · 11 KB
/
calc_05.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>【报价】名片</title>
<link type="text/css" rel="stylesheet" href="styles/reset.css">
<link type="text/css" rel="stylesheet" href="styles/calc_05.css">
</head>
<body>
<div class="mainContent">
<div class="item">
<div class="itemTitle">名片</div>
<div class="itemImg"></div>
<div class="itemSelect">
<div>
<span>种类</span>
<ul>
<li><a href="javascript:void(0);" class="selected" onclick="SItemClick(this)" val="300克经典铜版纸" name="type">300克经典铜版纸</a></li>
<li><a href="javascript:void(0);" onclick="SItemClick(this)" val="特种纸" name="type">特种纸</a></li>
<li><a href="javascript:void(0);" onclick="SItemClick(this)" val="0.32mm厚度普通pvc" name="type">0.32mm厚度普通pvc</a></li>
<li><a href="javascript:void(0);" onclick="SItemClick(this)" val="0.38mm厚度高档pvc" name="type">0.38mm厚度高档pvc</a></li>
</ul>
</div>
</div>
<div class="itemTable">
<div class="itemOne" style="display: block;">
<table>
<tbody>
<tr>
<td width="20%">材质</td>
<td>
<ul>
<li><a href="javascript:void(0);" class="selected" onclick="SItemOneClick(this)" val="彩色不过胶" type="300克经典铜版纸">彩色不过胶</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="彩色过哑胶" type="300克经典铜版纸">彩色过哑胶</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="彩色过光胶" type="300克经典铜版纸">彩色过光胶</a></li>
</ul>
</td>
</tr>
<tr>
<td width="20%">数量</td>
<td>
<ul>
<li><a href="javascript:void(0);" name="count" val="1" onclick="SCountChange(this)">1盒</a></li>
<li><a href="javascript:void(0);" class="selected" name="count" val="2" onclick="SCountChange(this)">2盒</a></li>
<li><a href="javascript:void(0);" name="count" val="5" onclick="SCountChange(this)">5盒</a></li>
<li><a href="javascript:void(0);" name="count" val="10" onclick="SCountChange(this)">10盒</a></li>
<li><a href="javascript:void(0);" name="count" val="20" onclick="SCountChange(this)">20盒</a></li>
<li><a href="javascript:void(0);" name="count" val="100" onclick="SCountChange(this)">100盒</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="itemOne"style="display: none;">
<table>
<tbody>
<tr>
<td width="20%">材质</td>
<td>
<ul>
<li><a href="javascript:void(0);" class="selected" onclick="SItemOneClick(this)" val="布纹纸" type="特种纸">布纹纸</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="荷兰纸" type="特种纸">荷兰纸</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="蛋壳白" type="特种纸">蛋壳白</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="安格纸" type="特种纸">安格纸</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="冰白纸" type="特种纸">冰白纸</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="刚古纸" type="特种纸">刚古纸</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="合成纸" type="特种纸">合成纸</a></li>
</ul>
</td>
</tr>
<tr>
<td width="20%">数量</td>
<td>
<ul>
<li><a href="javascript:void(0);" class="selected" name="count" val="2" onclick="SCountChange(this)">2盒</a></li>
<li><a href="javascript:void(0);" name="count" val="5" onclick="SCountChange(this)">5盒</a></li>
<li><a href="javascript:void(0);" name="count" val="10" onclick="SCountChange(this)">10盒</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="itemOne" style="display: none;">
<table>
<tbody>
<tr>
<td width="20%">材质</td>
<td>
<ul>
<li><a href="javascript:void(0);" class="selected" onclick="SItemOneClick(this)" val="透明(单)" type="0.32mm厚度普通pvc">透明(单)</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="哑光白(单)" type="0.32mm厚度普通pvc">哑光白(单)</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="哑光白(双)" type="0.32mm厚度普通pvc">哑光白(双)</a></li>
</ul>
</td>
</tr>
<tr>
<td width="20%">数量</td>
<td>
<ul>
<li><a href="javascript:void(0);" class="selected" name="count" val="2" onclick="SCountChange(this)">2盒</a></li>
<li><a href="javascript:void(0);" name="count" val="5" onclick="SCountChange(this)">5盒</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="itemOne" style="display: none;">
<table>
<tbody>
<tr>
<td width="20%">材质</td>
<td>
<ul>
<li><a href="javascript:void(0);" class="selected" onclick="SItemOneClick(this)" val="透明细磨砂" type="0.38mm厚度高档pvc">透明细磨砂</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="透明粗磨砂" type="0.38mm厚度高档pvc">透明粗磨砂</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="透明白墨单面" type="0.38mm厚度高档pvc">透明白墨单面</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="透明白墨双面" type="0.38mm厚度高档pvc">透明白墨双面</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="普通哑面" type="0.38mm厚度高档pvc">普通哑面</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="哑面磨砂" type="0.38mm厚度高档pvc">哑面磨砂</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="闪银名片哑面" type="0.38mm厚度高档pvc">闪银名片哑面</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="闪银名片光面" type="0.38mm厚度高档pvc">闪银名片光面</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="超高级名片铂金拉丝" type="0.38mm厚度高档pvc">超高级名片铂金拉丝</a></li>
<li><a href="javascript:void(0);" onclick="SItemOneClick(this)" val="超高级名片流光溢彩" type="0.38mm厚度高档pvc">超高级名片流光溢彩</a></li>
</ul>
</td>
</tr>
<tr>
<td width="20%">数量</td>
<td>
<ul>
<li><a href="javascript:void(0);" class="selected" name="count" val="2" onclick="SCountChange(this)">2盒</a></li>
<li style="display: none;"><a href="javascript:void(0);" name="count" val="4" onclick="SCountChange(this)">4盒</a></li>
<li><a href="javascript:void(0);" name="count" val="5" onclick="SCountChange(this)">5盒</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="calc">
<button type="button" class="calcBtn" onclick="calc()">计算报价</button>
</div>
<div class="itemResult"></div>
<div class="itemTip">
<div class="tipTab">
<ul>
<li class="DetailsTCur"><a href="javascript:void(0);">制作须知</a></li>
<li><a href="javascript:void(0);">配送方式</a></li>
<li><a href="javascript:void(0);">售后保障</a></li>
</ul>
</div>
<div class="tipContent">
<div class="tipOne" style="background-color: red;display: block;">1</div>
<div class="tipOne" style="background-color: blue;display: none;">2</div>
<div class="tipOne" style="background-color: yellow;display: none;">3</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/calc_05.js"></script>
</body>
</html>