243 lines
6.4 KiB
HTML
Executable File
243 lines
6.4 KiB
HTML
Executable File
<!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> |