加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
shoppingCar.html 3.71 KB
一键复制 编辑 原始数据 按行查看 历史
Rofu 提交于 2016-09-29 18:16 . one
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>梁荣富-购物车</title>
<link rel="stylesheet" type="text/css" href="css/shoppingCar.css"/>
<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="libs/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="js/shoppingCar.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="carTitle">
<a href="#" target="_blank"><img src="img/banner-logo.png"/></a>&nbsp;
<span>购物车</span>
<ul>
<li>
购物车 现在<a href="login.html">登录</a> ,您购物车中的商品将会被永久保存
</li>
</ul>
</div>
<div id="carBody">
<div id="carBodyHead">
<dl>
<dt>全部商品 <span>0</span> </dt>
<dd> 商品金额(不含运费): <span class="total">¥0.00</span>&nbsp; <button>去结算</button></dd>
</dl>
</div>
<div id="carListNav">
<dt><input type="checkbox" name="" class="selectAll" value="" />全选&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商品信息</dt>
<dd>单价(元)</dd> <dd>件数</dd> <dd>金额(元)</dd> <dd>操作</dd>
</div>
<div id="carList">
<table border="0" cellspacing="" cellpadding="">
<tr><th colspan="5"><input type="checkbox" name="" class="selectAll" value="" /> i百联</th></tr>
<tr>
<td>
<input type="checkbox" name="" id="" value="" />
<img src="img/carList-1.jpg"/>
<a href="#">HAMA Hama锂离子移动电源10400毫安136406白</a>
</td>
<td>
<span class="price">¥198.00</span>
</td>
<td>
<i class="minus">-</i><b>1</b><i class="add">+</i>
</td>
<td>
<span class="amount">¥198.00</span>
</td>
<td>
<dl>
<dt><a href="#">移入收藏夹</a></dt>
<dd><a href="#">删除</a></dd>
</dl>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" id="" value="" />
<img src="img/carList-2.jpg"/>
<a href="#">日耳曼公爵套装(B)DFS-TZ037B</a>
</td>
<td>
<span class="price">¥198.00</span>
</td>
<td>
<i class="minus">-</i><b>1</b><i class="add">+</i>
</td>
<td>
<span class="amount">¥198.00</span>
</td>
<td>
<dl>
<dt><a href="#">移入收藏夹</a></dt>
<dd><a href="#">删除</a></dd>
</dl>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="" id="" value="" />
<img src="img/carList-3.jpg"/>
<a href="#">博纳屋 抗菌防水旅行收纳袋整理袋7件套装 </a>
</td>
<td>
<span class="price">¥198.00</span>
</td>
<td>
<i class="minus">-</i><b>1</b><i class="add">+</i>
</td>
<td>
<span class="amount">¥198.00</span>
</td>
<td>
<dl>
<dt><a href="#">移入收藏夹</a></dt>
<dd><a href="#">删除</a></dd>
</dl>
</td>
</tr>
</table>
</div>
<div id="carListTotal">
<dl>
<dt>
<input type="checkbox" name="" class="selectAll" value="" />全选 &nbsp;
<a href="#" class="delete">删除</a>&nbsp;
<a href="#">清除失效商品</a>&nbsp;
<a href="#">移入收藏夹</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span id="count">
已选择 <b>0</b> 件商品
</span>
</dt>
<dd> 商品金额(不含运费): <span class="total">¥0.00</span>&nbsp; <button>去结算</button></dd>
</dl>
</div>
</div>
<div id="carFooter">
</div>
<script type="text/javascript">
$('#carFooter').load('footer.html');
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化