本文实例讲述了jquery制作的移动端购物车效果。分享给大家供大家参考，具体如下：
html部分
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物详情</title>
<link rel="stylesheet" href="index.css" rel="external nofollow" >
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<header>
<h3>全场满100元包邮,还差<span>100</span>元包邮</h3>
</header>
<div class="main">
<ul class="main_shop">
<li class="shop_list">
<div class="checked">
<div class= "checks"></div>
</div>
<div class="content">
<div class="content_top">
<div class="img">
<img src="shop/9288714270450521_300.jpg" alt="苹果快速购买">
</div>
<div class="text">
<div class="tit">
<p>江南脐橙20个160g以上/个</p>
<div></div>
</div>
<div class="down"> 直降</div>
<div class="price">
<div class="price_left">
<span>￥</span><span class="mon">50</span><span>￥75.9</span>
</div>
<div class="price_right">
<div class="mrnus">-</div>
<div class="cont">0</div>
<div class="add">+</div>
</div>
</div>
</div>
</div>
<div class="content_bottom">
<p>满减<span>满一件,即享受16.9元优惠</span></p>
</div>
</div>
</li>
<li class="shop_list">
<div class="checked">
<div class="checks"></div>
</div>
<div class="content">
<div class="content_top">
<div class="img">
<img src="shop/9288714270450521_300.jpg" alt="苹果快速购买">
</div>
<div class="text">
<div class="tit">
<p>江南脐橙20个160g以上/个</p>
<div></div>
</div>
<div class="down"> 直降</div>
