pdw
/
cartbefore.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>品代网-购物车before</title>
<meta name="description" content="">
<meta name="author" content="Administrator">
<meta name="viewport" content="width=device-width; initial-scale=1.0">

<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="css/common.css"/>
<link rel="stylesheet" href="css/right_side.css" />
<link rel="stylesheet" href="css/indent.css" />
<link rel="stylesheet" href="css/cart.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!--[if lte IE 8]>
<script src="js/ieBetter.js"></script>
<![endif]-->
<script type="text/javascript" src="js/right-side/parabola.js"></script>
<script type="text/javascript" src="js/right-side/right_side.js"></script>
</head>

<body>
	<!-- 右侧固定导航链接 -->
	<div class="mui-mbar-tabs">
		<div class="quick_link_mian">
			<div class="quick_links_panel">
				<div id="quick_links" class="quick_links">
					<li>
						<a href="javascript:;" class="my_qlinks"><i class="setting"> </i></a>
						<div class="ibar_login_box status_login">
							<div class="avatar_box">
								<ul class="user_info">
									<li>用户名：&nbsp; 15254565895</li>
									<li>我的身份：个体商户</li>
								</ul>
							</div>
							<div class="login_btnbox">
								<a href="myindent.html" class="login_order">我的品代</a>
								<a href="javascript:;" class="login_favorite">我的购物车</a>
							</div>
							<i class="icon_arrow_white"> </i>
						</div>
					</li>

					<li>
						<a href="javascript:;" class="history_list"><i class="view"> </i></a>
						<div class="mp_tooltip" style=" visibility:hidden;">在线QQ：121254526<i class="icon_arrow_right_black"> </i></div>
					</li>
					<li>
						<a href="javascript:;" class="mpbtn_histroy"><i class="zuji"> </i></a>
						<div class="mp_tooltip">在线电话：400-888-8888<i class="icon_arrow_right_black"> </i></div>
					</li>
					<li id="show_qrcode">
						<a href="javascript:;none"><i class="mpbtn_qrcode"> </i></a>
						<div class="mp_qrcode" style="display:none;"><img src="images/weixin_code_145.png" width="111" height="111" />下载品代网手机APP<i class="icon_arrow_white"></i></div>
					</li>
				</div>
				<div class="quick_toggle">
					<li><a href="javascript:;top" class="return_top"><i class="top"> </i></a></li>
				</div>
			</div>
		</div>
	</div>
	<!-- top_header 顶部 -->
	<div id="top_header">
		<div class="wrap_1000 clearfix">
			<ul class="fl nav-left ">
				<li>欢迎来到品代网!</li>
				<li><a href="login.html" class="login">请登录</a></li>
				<li><a href="register.html" class="register">免费注册</a></li>
			</ul>
			<ul class="fr nav-right">
				<li><a href="javascript:;">品代网首页</a></li>
				<li><a href="myindent.html">我的品代</a> </li>
				<li><a href="javascript:;">我的购物车</a> </li>
				<li class="w180">服务电话：400-888-8888 </li>
			</ul>
		</div>
	</div>

	<!-- top-main-->
	<div id="top-main">
		<div class="wrap_1000 clearfix">
			<div id="logo"><a href="index.html"><img src="images/logo.png" /></a></div>
			<div id="city-info">
				<h2><a href="javascript:;" class="city-info_name">绍兴</a></h2>
				<a class="city-info_toggle" href="city.html">切换城市</a>
			</div>
			<!-- search-wrapper -->
			<div id="search-wrapper">
			    <div class="search-box">
			        <input type="text" class="search-in" value="请输入要搜索的产品名称" onblur="if(this.value==''){this.value='请输入要搜索的产品名称'}" onfocus="if(this.value=''){this.value=''}"/>
			        <div class="search-button"><i> </i> </div>
			    </div>
		    </div>
		    <div class="two_code">
		    	<p>下载手机品代APP</p>
		    	<img src="images/appxiazai.png" />
		    </div>
	    </div>
	</div>
	<!-- nav -->
	<div id="banner">
		<div class="wrap_1000 clearfix">
			<ul class="dh">
				<li><a href="index.html">首页</a></li>
			</ul>
		</div>
	</div>
	<!-- 购物车 -->
	<div class="shopping_cart">
		<div class="wrap_1000 clearfix">
			<div class="addcart_box">
				<h2 class="text clearfix">
					<i class="gou"> </i>已将<span>1</span>件商品加入购物车！
				</h2>
				<a href="javascript:;" class="btn btn_01">继续选购</a>
				<a href="javascript:;" class="btn btn_02">去购物车结算</a>
			</div>
			<div class="commodity">
				<div class="commodity-list">
					<a class="commodity_pic" href="javascript:;"><img src="images/images/chanpin_img.png" /></a>
					<ul class="commodity_details">
						<li>PR-P塑铝稳态管</li>
						<li>规格：<span>20*2.0（160 米 / 包）</span></li>
						<li>单价：<span>1376（元 / 包）</span></li>
						<li>数量：<span>10</span>包</li>
					</ul>
					<div class="zongjia">商品总价：<span>13760</span>元</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 版权 -->
	<div id="simplefooter">
		<p>浙ICP备 13201459号 |  B1.B2-20130144  |  营业执照</p>
		<p>Copyright &nbsp; 品代网  2015 ，All Rights Reserved</p>
	</div>


	<script type="text/javascript">
		$(document).ready(function() {
			var accordion_head = $('.accordion > li > a');
				accordion_body = $('.accordion li > .sub-menu');
				accordion_li = $('.accordion li > .sub-menu > li');
				accordion_li_first = $('.sub-menu li:first-child');
			//一开始显示第一个accordion_body
			accordion_head.first().addClass('active').next().slideDown('normal');
			//一开始显示第一个sub-menu li
			accordion_li_first.addClass('cur');
			accordion_head.on('click', function(event) {
				// Disable header links
				event.preventDefault();
				// Show and hide the tabs on click
				if ($(this).attr('class') != 'active'){
					accordion_body.slideUp('normal');
					$(this).next().stop(true,true).slideToggle('normal');
					accordion_head.removeClass('active');
					$(this).addClass('active');
				}
			});
			accordion_li.on('click',function(event){
				if($(this).attr('class')!= 'cur'){
					$(this).addClass('cur');
					$(this).siblings().removeClass('cur');
				}

			});
			//数量 加减
			$(".numControl").Spinner({value:1, min:1, len:10, max:1000});

			//选择规格 下拉选框
			//sel_btn_1
			$("#sel_btn_1").live('click',function(){
				//箭头变化
				$('#sel_btn_1 i').toggleClass("up");
				if ($(this).nextAll().is(':hidden')) {
					$('#size-sel-diaplay_1').slideDown(300);
				}else {
					$('#size-sel-diaplay_1').slideUp(300);
				}
			});
			$('#size-sel-diaplay_1 a').live('click',function(){
				var text1 = $(this).html(); //a 点击的值
				$('#sel_del_1').html(text1); //原btn-detail的值
			});
			//sel_btn_2
			$("#sel_btn_2").live('click',function(){
				//箭头变化
				$('#sel_btn_2 i').toggleClass("up");
				if ($(this).nextAll().is(':hidden')) {
					$('#size-sel-diaplay_2').slideDown(300);
				}else {
					$('#size-sel-diaplay_2').slideUp(300);
				}
			});
			$('#size-sel-diaplay_2 a').live('click',function(){
				var text1 = $(this).html(); //a 点击的值
				$('#sel_del_2').html(text1); //原btn-detail的值
			});
			//sel_btn_3
			$("#sel_btn_3").live('click',function(){
				//箭头变化
				$('#sel_btn_3 i').toggleClass("up");
				if ($(this).nextAll().is(':hidden')) {
					$('#size-sel-diaplay_3').slideDown(300);
				}else {
					$('#size-sel-diaplay_3').slideUp(300);
				}
			});
			$('#size-sel-diaplay_3 a').live('click',function(){
				var text1 = $(this).html(); //a 点击的值
				$('#sel_del_3').html(text1); //原btn-detail的值
			});


			$(document).bind('click',function(e){
				var target = $(e.target);
				if (target.siblings('.sel-btn').length == 0 && target.parent('.size-sel').length == 0 && target.parent('.sel-btn').length == 0) {
					$('.size-sel-diaplay').slideUp(200);
				}
			});


		});

	</script>

</body>
</html>