整體運行效果是這樣的：
下面展示html部分的代碼：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>華爲購物車</title>
<link rel="stylesheet" href="css/cart.css">
</head>
<body>
<div class="float-box">
<div class="confirm-box">
<h4 class="confirm-title">
<span></span>
<i class="close-btn">
<span class="line-left"></span>
<span class="line-right"></span>
</i>
</h4>
<div class="confirm-content">
請選擇您要刪除的商品？
</div>
<div class="confirm-btn">
<a href="javascript:;" class="delete">刪除</a>
<a href="javascript:;" class="cancel">取消</a>
</div>
</div>
</div>
<div class="header">
<div class="header-center">
</div>
</div>
<div class="mz-foot"></div>
<script src="js/jquery.min.js"></script>
<script src="js/cart.js"></script>
</body>
</html>
由於不能上傳文件，只能上傳到百度雲供大家下載：
百度雲下載鏈接：https://pan.baidu.com/s/1s6YIsF5sm3Ofoy3mYxaYUw
提取碼：9fa6
該文件由三部分構成，如果要更改內容可用web編輯器打開cart.js，直接在裏面更改就行了，可實現價格計算、刪除商品，全選等功能。