You've already forked qlg.tsgz.moe
Init Repo
This commit is contained in:
243
hyhproject/mobile2/view/default/bash.html
Executable file
243
hyhproject/mobile2/view/default/bash.html
Executable file
@ -0,0 +1,243 @@
|
||||
<!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>
|
Reference in New Issue
Block a user