<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>jQuery仿淘宝直播底部购物车代码</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/home.css">
</head>
<body>
<footer class="flex-box">
<div class="flex-variable"></div>
<div class="pop-content">
<!-- nav begin -->
<div class="pop-content-car">
<a id="Info">消息</a>
</div>
<div id="btn-pop" class="pop-content-car">
<a href="#">购物车</a>
</div>
<!-- nav end -->
<!-- pop begin -->
<div id="popup">
<div class="triangle"></div>
<!-- begin-->
<div class="firstBox">
<div class="contentBox pop-list">
<ul>
<li>
<div class="pop-title">
<div class="pop-img"><img src="img/pd.png" alt=""></div>
<p>蔡府燕窝心燕盏印尼进口白燕盏干燕窝孕妇燕窝盏正品溯源一盏一码8克</p>
<div class="pop-buy">
<span>¥<em>320</em></span>
<a href="#" target="_blank">购买</a>
</div>
</div>
<div class="pop-line"></div>
<div class="pop-title">
<div class="pop-img"><img src="img/pd.png" alt=""></div>
<p>蔡府燕窝心燕盏印尼进口白燕盏干燕窝孕妇燕窝盏正品溯源一盏一码8克</p>
<div class="pop-buy">
<span>¥<em>320</em></span>
<a href="#" target="_blank">购买</a>
</div>
</div>
</li>
<li>
<div class="pop-title">
<div class="pop-img"><img src="img/pd.png" alt=""></div>
<p>蔡府燕窝心燕盏印尼进口白燕盏干燕窝孕妇燕窝盏正品溯源一盏一码8克</p>
<div class="pop-buy">
<span>¥<em>320</em></span>
<a href="#" target="_blank">购买</a>
</div>
</div>
<div class="pop-line"></div>
<div class="pop-title">
<div class="pop-img"><img src="img/pd.png" alt=""></div>
<p>蔡府燕窝心燕盏印尼进口白燕盏干燕窝孕妇燕窝盏正品溯源一盏一码8克</p>
<div class="pop-buy">
<span>¥<em>320</em></span>
<a href="#" target="_blank">购买</a>
</div>
</div>
</li>
<li>
<div class="pop-title">
<div class="pop-img"><img src="img/pd.png" alt=""></div>
<p>蔡府燕窝心燕盏印尼进口白燕盏干燕窝孕妇燕窝盏正品溯源一盏一码8克</p>
<div class="pop-buy">
<span>¥<em>320</em></span>
<a href="#" target="_blank">购买</a>
</div>
</div>
<div class="pop-line"></div>
<div class="pop-title">
<div class="pop-img"><img src="img/pd.png" alt=""></div>
<p>蔡府燕窝心燕盏印尼进口白燕盏干燕窝孕妇燕窝盏正品溯源一盏一码8克</p>
<div class="pop-buy">
<span>¥<em>320</em></span>
<a href="#" target="_blank">购买</a>
</div>
</div>
</li>
</ul>
</div>
<div class="menuBox">
<ul>
<li class="liactive"></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
<div id="mask_shadow"></div>
<!-- pop end -->
</div>
</footer>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/flexible.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn-pop").click(function(){
$("#popup").toggle( );
});
});
</script>
</body>
</html>