<!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/bash.css" />
</head>
<body>
<div class="banner">
<img src="__MOBILE__/img/ac3_header_bg.png" />
</div>
<div class="bash_yhj clearfix">
<div class="bash_yhj_a">
<img src="__MOBILE__/img/ac3_yhq.png" />
</div>
<div class="bash_yhj_a">
<img src="__MOBILE__/img/ac3_yhq.png" />
</div>
<div class="bash_yhj_a">
<img src="__MOBILE__/img/ac3_yhq.png" />
</div>
<div class="bash_yhj_a">
<img src="__MOBILE__/img/ac3_yhq.png" />
</div>
</div>
<div class="shopping">
<img src="__MOBILE__/img/ac3_title.png" />
</div>
<div class="choujiang">
<img src="__MOBILE__/img/shan.png" class="cj_shan on" />
<div class="cj_con clearfix" id="box">
<div class="content content-1">
<img src="__MOBILE__/img/ac3_bg1.png" />
<div class="content_con">
<img src="__MOBILE__/img/shangpin1.png" />
</div>
</div>
<div class="content content-2">
<img src="__MOBILE__/img/ac3_bg1.png" />
<div class="content_con">
<img src="__MOBILE__/img/shangpin1.png" />
</div>
</div>
<div class="content content-3">
<img src="__MOBILE__/img/ac3_bg1.png" />
<div class="content_con">
<img src="__MOBILE__/img/shangpin1.png" />
</div>
</div>
<div class="content content-8">
<img src="__MOBILE__/img/ac3_bg1.png" />
<div class="content_con">
<img src="__MOBILE__/img/shangpin1.png" />
</div>
</div>
<div class="content content-click">
<div id="text">
<img src="__MOBILE__/img/ac3_button1.png" />
</div>
</div>
<div class="content content-4">
<img src="__MOBILE__/img/ac3_bg1.png" />
<div class="content_con">
<img src="__MOBILE__/img/shangpin1.png" />
</div>
</div>
<div class="content content-7">
<img src="__MOBILE__/img/ac3_bg1.png" />
<div class="content_con">
<img src="__MOBILE__/img/shangpin1.png" />
</div>
</div>
<div class="content content-6">
<img src="__MOBILE__/img/ac3_bg1.png" />
<div class="content_con">
<img src="__MOBILE__/img/shangpin1.png" />
</div>
</div>
<div class="content content-5">
<img src="__MOBILE__/img/ac3_bg1.png" />
<div class="content_con">
<img src="__MOBILE__/img/shangpin1.png" />
</div>
</div>
</div>
<div class="num">您 今 天 还 剩 <span class="number">3</span> 次 抽 奖 机 会</div>
</div>
<div class="baqi">
<img src="__MOBILE__/img/ac3_title1.png" />
</div>
<div class="baqi_man">
<div class="man_sp clearfix">
<div class="man_cp">
<p class="p1">外套专区</p>
<p class="p2">买就减10元</p>
<p class="p2">外套专区</p>
<div class="go">GO</div>
</div>
<div class="man_cp">
<p class="p1">外套专区</p>
<p class="p2">买就减10元</p>
<p class="p2">外套专区</p>
<div class="go">GO</div>
</div>
<div class="man_cp">
<p class="p1">外套专区</p>
<p class="p2">买就减10元</p>
<p class="p2">外套专区</p>
<div class="go">GO</div>
</div>
<div class="man_cp">
<p class="p1">外套专区</p>
<p class="p2">买就减10元</p>
<p class="p2">外套专区</p>
<div class="go">GO</div>
</div>
</div>
<div class="man_tejia">
<p class="p1">外套专区</p>
<p class="p2">买就减10元</p>
<p class="p2">外套专区</p>
<div class="go">GO</div>
</div>
</div>
<div class="liaomei">
<img src="__MOBILE__/img/ac3_title2.png"/>
</div>
<div class="liao_gl">
<div class="gl_cp clearfix">
<div class="gl_sp">
<img src="__MOBILE__/img/gua.jpg"/>
<p class="p1">夏季男神</p>
<p class="p2">¥258</p>
</div>
<div class="gl_sp">
<img src="__MOBILE__/img/gua.jpg"/>
<p class="p1">夏季男神</p>
<p class="p2">¥258</p>
</div>
<div class="gl_sp">
<img src="__MOBILE__/img/gua.jpg"/>
<p class="p1">夏季男神</p>
<p class="p2">¥258</p>
</div>
<div class="gl_sp">
<img src="__MOBILE__/img/gua.jpg"/>
<p class="p1">夏季男神</p>
<p class="p2">¥258</p>
</div>
</div>
</div>
<div class="liaomei">
<img src="__MOBILE__/img/ac3_title3.png"/>
</div>
<div class="liao_gl">
<div class="gl_cp clearfix">
<div class="gl_sp">
<img src="__MOBILE__/img/gua.jpg"/>
<p class="p1">夏季男神</p>
<p class="p2">¥258</p>
</div>
<div class="gl_sp">
<img src="__MOBILE__/img/gua.jpg"/>
<p class="p1">夏季男神</p>
<p class="p2">¥258</p>
</div>
<div class="gl_sp">
<img src="__MOBILE__/img/gua.jpg"/>
<p class="p1">夏季男神</p>
<p class="p2">¥258</p>
</div>
<div class="gl_sp">
<img src="__MOBILE__/img/gua.jpg"/>
<p class="p1">夏季男神</p>
<p class="p2">¥258</p>
</div>
</div>
</div>
</body>
<script src="__MOBILE__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('.content').height($('.content').width() * 123 / 165 + 'px')
$(window).resize(function() {
$('.content').height($('.content').width() + 'px')
})
function time(a) {
return function() {
if(a > 8) {
a = parseInt(a % 8)
if(a == 0) {
a = 8
}
}
$('.content').removeClass('active');
$('.content-' + a).addClass('active');
$('.zz_img').toggleClass('on');
}
}
// 在旋转的时候不能再次被点击
var t = true
$('.content-click').click(function() {
if(t) {
t = false;
// 产生随机数
var prize = Math.ceil(Math.random() * ($('.content').length - 1));
// 控制概率，永远不是8
if(prize == 8) {
prize = Math.ceil(Math.random() * ($('.content').length - 2));
}
if($('.number').html() > 0) {
$('.number').html($('.number').html() - 1)
// 默认先转3圈
prize += 32
for(var i = 1; i <= prize; i++) {
setTimeout(time(i), 6 * i * i);
}
setTimeout(function() {
t = true;
}, 6 * prize * prize)
} else {
alert('您没有抽奖机会了')
}
}
})
</script>
</html>