标签：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物车升级版</title>
<style>
table{border-collapse: collapse}
tr td{
border: 1px solid black;
text-align: center;
}
li{list-style: none;float: left;padding-left: 12px}
#btn{
margin-bottom: 10px;
}
</style>
</head>
<body>
<h1>淘宝购物车</h1>
<button disabled id="btn">去结算</button>
<table width="600" border="1px solid #ccc">
<tr>
<td>商品排名</td>
<td>商品名称</td>
<td>商品价格</td>
<td>商品数量</td>
<td>商品小计</td>
</tr>
<tr>
<td>热度第二</td>
<td>python</td>
<td>¥8888.00</td>
<td>
<button onclick="add(this)">+</button>
<span>0</span>
<button onclick="jian(this)">-</button>
</td>
<td>
0.00
</td>
</tr>
<tr>
<td>热度第三</td>
<td>java</td>
<td>¥4888.00</td>
<td>
<button onclick="add(this)">+</button>
<span>0</span>
<button onclick="jian(this)">-</button>
</td>
<td>
0.00
</td>
</tr>
<tr>
<td>热度第一</td>
<td>c</td>
<td>¥9888.00</td>
<td>
<button onclick="add(this)">+</button>
<span>0</span>
<button onclick="jian(this)">-</button>
</td>
<td>
0.00
</td>
</tr>
<tr>
<td>总计</td>
<td colspan="3"></td>
<td>0</td>
</tr>
</table>
<ul>
<li><a href="javascript:;">添加购物车</a> </li>
<li><a href="javascript:;">清空购物车</a> </li>
<li><a href="javascript:;">查看历史记录</a> </li>
<li><a href="javascript:;">获取随机商品</a> </li>
</ul>
<script src=‘js.js‘></script>
</body>
</html>
如图
标签：
原文地址：http://www.cnblogs.com/mhxy13867806343/p/5503491.html
