<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="__MOBILE__/js/common_xs.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="__MOBILE__/css/global-lxy.css" />
<link rel="stylesheet" type="text/css" href="__MOBILE__/css/juhui.css" />
</head>
<body>
<div class="header">
<p>
钜惠
</p>
</div>
<div class="nav clearfix">
<div class="nav_a on" id="guanzhu">
<p>关注动态</p>
</div>
<div class="nav_a" id="shangxin">
<p>商品上新</p>
</div>
<div class="nav_a" id="haohuo">
<p>精选好货</p>
</div>
</div>
<div class="guanzhu1">
<div class="gz_dpmc clearfix">
<img src="__MOBILE__/img/QQ20170814092939.jpg" />
<p class="gz_p1">店铺名称</p>
<p class="gz_p2">1小时前</p>
</div>
<div class="gz_nr">
<p>一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十</p>
</div>
<div class="zan clearfix">
<img src="__MOBILE__/img/eye.png" class="eye" />
<p class="eye_p">999</p>
<div class="damuzhi">
<img src="__MOBILE__/img/zan2.png" />
<p>1</p>
</div>
</div>
</div>
<div class="shangxin1" style="display: none;">
<div class="sx_dpmc clearfix">
<img src="__MOBILE__/img/QQ20170814092939.jpg" />
<p class="sx_p1">店铺名称</p>
<p class="sx_p2">1小时前</p>
</div>
<div class="sx_sp clearfix">
<div class="sx_spnr">
<!--<img src="__MOBILE__/img/QQ20170814092939.jpg"/>-->
</div>
<div class="sx_spnr">
<!--<img src="__MOBILE__/img/QQ20170814092939.jpg"/>-->
</div>
<div class="sx_spnr">
<!--<img src="__MOBILE__/img/QQ20170814092939.jpg"/>-->
</div>
<div class="sx_spnr">
<!--<img src="__MOBILE__/img/QQ20170814092939.jpg"/>-->
</div>
<div class="sx_spnr">
<!--<img src="__MOBILE__/img/QQ20170814092939.jpg"/>-->
</div>
<div class="sx_spnr">
<!--<img src="__MOBILE__/img/QQ20170814092939.jpg"/>-->
</div>
</div>
<div class="zan clearfix">
<img src="__MOBILE__/img/eye.png" class="eye" />
<p class="eye_p">999</p>
<div class="damuzhi">
<img src="__MOBILE__/img/zan2.png" />
<p>1</p>
</div>
</div>
</div>
<div class="haohuo1" style="display: none;">45</div>
</body>
<script src="__MOBILE__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('.nav').on('click', '.nav_a', function() {
var nav_b = $(this).attr('id')
console.log(nav_b)
$(this).addClass('on').siblings().removeClass('on');
if(nav_b == 'guanzhu') {
$('.guanzhu1').css('display', 'block');
$('.shangxin1').css('display', 'none');
$('.haohuo1').css('display', 'none');
if($('.guanzhu1').html() == '') {
$.ajax({
type: "post",
url: "",
async: true,
data: {},
dataType: 'json',
success: function() {
var html = '';
$('.guanzhu1').html(html)
}
});
}
} else if(nav_b == 'shangxin') {
$('.guanzhu1').css('display', 'none');
$('.shangxin1').css('display', 'block');
$('.haohuo1').css('display', 'none');
if($('.shangxin1').html() == '') {
$.ajax({
type: "post",
url: "",
async: true,
data: {},
dataType: 'json',
success: function() {
var html = '';
$('.shangxin1').html(html)
}
});
}
} else if(nav_b == 'haohuo') {
$('.guanzhu1').css('display', 'none');
$('.shangxin1').css('display', 'none');
$('.haohuo1').css('display', 'block');
if($('.haohuo1').html() == '') {
$.ajax({
type: "post",
url: "",
async: true,
data: {},
dataType: 'json',
success: function() {
var html = '';
$('.haohuo1').html(html)
}
});
}
}
})
</script>
</html>