下面是我们的HTML代码,由于JS和CSS代码过多,所以我以链接的形式给大家放在上面,大家可以登录下载。
这是HTML代码
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>编程特趣</title>
<!--图标库-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" />
<!--核心样式-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="cart" class="cart" data-totalitems="0">
<i class="fas fa-shopping-cart"></i>
</div>
<div class="page-wrapper">
<button id="addtocart">
添加购物车
<span class="cart-item"></span>
</button>
</div>
<script src='js/jquery.min.js'></script>
<script src="js/script.js"></script>
</body>
</html>