本文实例讲述了jquery制作的移动端购物车效果。分享给大家供大家参考,具体如下:
html部分
& lt; !doctype html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>购物详情& lt;/title>
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun/index.css " rel=巴獠縩ofollow”比;
& lt;元name=笆哟啊蹦谌?翱矶?设备宽度,user-scalable=不,初始=1.0,最大范围=1.0,最小规模=1.0”比;
& lt;/head>
& lt; body>
& lt; header>
& lt; h4>全场满100元包邮,还差& lt; span> 100 & lt;/span>元包邮& lt;/h4>
& lt;/header>
& lt; div类=爸饕北?
& lt; ul类=癿ain_shop”比;
& lt;李类=皊hop_list”比;
& lt; div类="检查"比;
& lt; div类="检查"祝辞& lt;/div>
& lt;/div>
& lt; div类=澳谌荨北?
& lt; div类=癱ontent_top”比;
& lt; div类=癷mg”比;
& lt; img src=" https://www.yisu.com/zixun/shop/9288714270450521_300.jpg " alt="苹果快速购买“比;
& lt;/div>
& lt; div类=拔谋尽北?
& lt; div类="甲"比;
& lt; p>江南脐橙20个160 g以上/个& lt;/p>
& lt; div> & lt;/div>
& lt;/div>
& lt; div类=跋蛳隆北?直降& lt;/div>
& lt; div类=凹鄹瘛北?
& lt; div类=皃rice_left”比;
& lt; span>￥& lt;/span> & lt;跨类=拔摇痹?0 & lt;/span> & lt; span>￥75.9 & lt;/span>
& lt;/div>
& lt; div类=皃rice_right”比;
& lt; div类=" mrnus "祝辞& lt;/div>
& lt; div类=白狻痹? & lt;/div>
& lt; div类="添加"祝辞+ & lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt; div类=癱ontent_bottom”比;
& lt; p>满减& lt; span>满一件,即享受16.9元优惠& lt;/span> & lt;/p>
& lt;/div>
& lt;/div>
& lt;/li>
& lt;李类=皊hop_list”比;
& lt; div类="检查"比;
& lt; div类="检查"祝辞& lt;/div>
& lt;/div>
& lt; div类=澳谌荨北?
& lt; div类=癱ontent_top”比;
& lt; div类=癷mg”比;
& lt; img src=" https://www.yisu.com/zixun/shop/9288714270450521_300.jpg " alt="苹果快速购买“比;
& lt;/div>
& lt; div类=拔谋尽北?
& lt; div类="甲"比;
& lt; p>江南脐橙20个160 g以上/个& lt;/p>
& lt; div> & lt;/div>
& lt;/div>
& lt; div类=跋蛳隆北?直降& lt;/div>
& lt; div类=凹鄹瘛北?
& lt; div类=皃rice_left”比;
& lt; span>￥& lt;/span> & lt;跨类=拔摇痹?0 & lt;/span> & lt; span>￥75.9 & lt;/span>
& lt;/div>
& lt; div类=皃rice_right”比;
& lt; div类=" mrnus "祝辞& lt;/div>
& lt; div类=白狻痹? & lt;/div>
& lt; div类="添加"祝辞+ & lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt; div类=癱ontent_bottom”比;
& lt; p>满减& lt; span>满一件,即享受16.9元优惠& lt;/span> & lt;/p>
& lt;/div>
& lt;/div>
& lt;/li>
& lt;李类=皊hop_list”比;
& lt; div类="检查"比;
& lt; div类="检查"祝辞& lt;/div>
& lt;/div>
& lt; div类=澳谌荨北?
& lt; div类=癱ontent_top”比;
& lt; div类=癷mg”比;
& lt; img src=" https://www.yisu.com/zixun/shop/9288714270450521_300.jpg " alt="苹果快速购买“比;
& lt;/div>
& lt; div类=拔谋尽北?
& lt; div类="甲"比;
& lt; p>江南脐橙20个160 g以上/个& lt;/p>
& lt; div> & lt;/div>
& lt;/div>
& lt; div类=跋蛳隆北?直降& lt;/div>
& lt; div类=凹鄹瘛北?
& lt; div类=皃rice_left”比;
& lt; span>￥& lt;/span> & lt;跨类=拔摇痹?0 & lt;/span> & lt; span>￥75.9 & lt;/span>
& lt;/div>
& lt; div类=皃rice_right”比;
& lt; div类=" mrnus "祝辞& lt;/div>
& lt; div类=白狻痹? & lt;/div>
& lt; div类="添加"祝辞+ & lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt; div类=癱ontent_bottom”比;
& lt; p>满减& lt; span>满一件,即享受16.9元优惠& lt;/span> & lt;/p>
& lt;/div>
& lt;/div>
& lt;/li>
& lt;李类=皊hop_list”比;
& lt; div类="检查"比;
& lt; div类="检查"祝辞& lt;/div>
& lt;/div>
& lt; div类=澳谌荨北?
& lt; div类=癱ontent_top”比;
& lt; div类=癷mg”比;
& lt; img src=" https://www.yisu.com/zixun/shop/9288714270450521_300.jpg " alt="苹果快速购买“比;
& lt;/div>
& lt; div类=拔谋尽北?
& lt; div类="甲"比;
& lt; p>江南脐橙20个160 g以上/个& lt;/p>
& lt; div> & lt;/div>
& lt;/div>
& lt; div类=跋蛳隆北?直降& lt;/div>
& lt; div类=凹鄹瘛北?
& lt; div类=皃rice_left”比;
& lt; span>￥& lt;/span> & lt;跨类=拔摇痹?0 & lt;/span> & lt; span>￥75.9 & lt;/span>
& lt;/div>
& lt; div类=皃rice_right”比;
& lt; div类=" mrnus "祝辞& lt;/div>
& lt; div类=白狻痹? & lt;/div>
& lt; div类="添加"祝辞+ & lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt; div类=癱ontent_bottom”比;
& lt; p>满减& lt; span>满一件,即享受16.9元优惠& lt;/span> & lt;/p>
& lt;/div>
& lt;/div>
& lt;/li>
& lt;李类=皊hop_list”比;
& lt; div类="检查"比;
& lt; div类="检查"祝辞& lt;/div>
& lt;/div>
& lt; div类=澳谌荨北?
& lt; div类=癱ontent_top”比;
& lt; div类=癷mg”比;
& lt; img src=" https://www.yisu.com/zixun/shop/9288714270450521_300.jpg " alt="苹果快速购买“比;
& lt;/div>
& lt; div类=拔谋尽北?
& lt; div类="甲"比;
& lt; p>江南脐橙20个160 g以上/个& lt;/p>
& lt; div> & lt;/div>
& lt;/div>
& lt; div类=跋蛳隆北?直降& lt;/div>
& lt; div类=凹鄹瘛北?
& lt; div类=皃rice_left”比;
& lt; span>￥& lt;/span> & lt;跨类=拔摇痹?0 & lt;/span> & lt; span>￥75.9 & lt;/span>
& lt;/div>
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
