This repository was archived by the owner on Nov 17, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtrade.html
176 lines (168 loc) · 6.89 KB
/
trade.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
<!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>trade</title>
<link href="css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="css/main.css" rel="stylesheet" />
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/shop.css" rel="stylesheet" />
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.0.custom.css"/>
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine10/style.css" media="screen" />
<script type="text/javascript" src="engine10/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
</head>
<body>
<!--nav-->
<div class="top-nav">
<div class="top-nav-bord">
<div class="w-left">
欢迎来到、、 请
<a href="#" class="top-nav-url">登录</a> /
<a href="#" class="top-nav-url">注册</a>
</div>
<div class="w-right">
<div class="top-nav-list"><a href="index.html" class="top-nav-url">首页</a></div>
<div class="top-nav-list"><a href="#" class="top-nav-url">我的购物车</a></div>
<div class="top-nav-list"> <a href="#" class="top-nav-url">我的订单</a></div>
<div class="top-nav-list"> <a href="#" class="top-nav-url">我的收藏</a> </div>
</div>
</div>
</div>
<!--nav end-->
<div class="body-main">
<!--brand&search-->
<div class="top-bs">
<div class="top-bs-title">
有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>
</div>
<div class="top-bs-brand">
有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>有图片<br/>
</div>
<div class="top-bs-search">
<!--search-->
<div class="top-bs-search-lb">
<label for="search">搜索</label>
</div>
<div class="top-bs-search-bar">
<input id="search" />
<input type="button" id="search-bt" onmouseover="sbtp()" onmouseout="sbto()"/>
</div>
<!--search end-->
</div>
</div>
<!--brand&search end-->
<!--trade-->
<div class="trade">
<b>请确定您的订单：</b>
<div class="trade-list">
<h1>订单信息：</h1>
<table id="ver-minimalist" summary="订单信息">
<thead>
<tr>
<th scope="col" width="350px">订单</th>
<th scope="col">单价/元</th>
<th scope="col">数量</th>
<th scope="col" width="150px">优惠</th>
<th scope="col" width="80px">小计/元</th>
</tr>
</thead>
<tbody>
<tr>
<td>Scary Movie</td>
<td>12.21</td>
<td>1</td>
<td>
<select name="trade-type" onchange="changeone(this)">
<option value="0">没有优惠活动</option>
<option value="1">半价活动</option>
</select>
</td>
<td id="101">12.21</td>
</tr>
<tr>
<td>Scary Movie</td>
<td>12.21</td>
<td>1</td>
<td>
<select name="trade-type" onchange="changeone(this)">
<option value="0">没有优惠活动</option>
<option value="1">半价活动</option>
</select>
</td>
<td id="102">12.21</td>
</tr>
</tbody>
</table>
</div>
<div class="trade-address">
<h1>交易地址：</h1>
<button id="add-address">添加临时地址</button>
<div id="dialog-form" title="添加地址">
<form>
<fieldset>
<label for="name">收货人</label><br />
<input type="text" name="name" id="name" class="ui-widget-content ui-corner-all" /><br />
<label for="email">联系电话</label><br />
<input type="text" name="phone" id="phone" value="" class="ui-widget-content ui-corner-all" /><br />
<label for="password">收货地址</label><br />
<input type="text" name="address" id="address" value="" class="ui-widget-content ui-corner-all" maxlength="100" style="width:300px"/><br />
</fieldset>
</form>
</div>
<!--列地址-->
<label class="trade-address-list unselected" onclick="fill(0)">
<input type="radio" name="trade-address" value="0" />
<ul>
<li>xxx</li>
<li>1881040123#</li>
<li>徐特立图书馆一楼</li>
</ul>
</label>
</div>
<div class="trade-time">
<h1>交易时间：</h1>
<input type="text" name="example7" id="example7" value=""/>
</div>
<div class="trade-others">
<h1>其他：</h1>
<select name="trade-others" id="trade-others" onchange="changeother(this)">
<option value="0">无</option>
<option value="1">带一塑料袋</option>
<option value="2">带一布袋</option>
</select>
</div>
<div class="trade-ok">
<h1>总计： <b></b></h1>
<button id="Submit">提交订单</button>
</div>
</div>
<!--trade end-->
<!--bottom-->
<div class="bottom">
<div class="bottom-item">
<a href="#">关于我们</a>
|
<a href="#">加入我们</a>
|
<a href="#">联系我们</a>
|
<a href="#">留 言</a>
</div>
<div class="bottom-line">
.......................
</div>
<div class="bottom-w">
Powered by bitNP Tech.
</div>
</div>
<!--bottom end-->
</div>
<script src="js/jquery-1.9.0.js"></script>
<script src="js/jquery-ui-1.10.0.custom.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/shop.js"></script>
<script src="js/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
</body>
</html>