<!doctype html>
<html>
<head>
<meta charset="gbk">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no"/>
<title>我和老公七夕解锁了XX姿势 幸运转盘</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<style type="text/css">
/* demo css */
body{ width:100%; height:100%; background:url(images/beijingb.png) no-repeat; background-size:100%;}
#plateBtn{position:absolute;left:27%;top:26.65%;width:46%;height:46%;background-image:url(images/jiantou.png); background-repeat:no-repeat; background-size:100%; z-index:9999; outline-style:none;
/*text-indent:-9999px;overflow:hidden;*/}
#loadingDiv{width:100%;height:100%; position:fixed;display:none;top:0px;left:0px;background:url(images/fenxiangjiantou.png) top center no-repeat; background-size:100%; z-index:99999;}
</style>
</head>
<body>
<!--遮罩-->
<div id="loadingDiv"></div>
<!--<div class="fenxiang">
<img src="img/icon-fenxiang.png"></a>
</div>-->
<div id="choujiang">
<div class="jihui">
<div class="jihuil">
<p>你有<span id="num"> </span>次抽奖机会</p>
</div>
<div class="jihuir">
<a href="#"><p>分享再来<span> 1 </span>次</p></a>
</div>
</div>
<div class="choujiang">
<img src="images/zhuanpand.png">
<!--转盘开始-->
<a id="plateBtn" href="javascript:" title=""></a>
<!--转盘结束-->
<div id="lijichou"><img src="images/lijichoujiang.png"></div>
</div>
<div class="shuaxin">
<img class="shuaxintu" id="refreshPage" src="images/shuaxin.png">
</div>
<!--顶部下载开始-->
<!--<div class="banner">
<a href="#"><img src="images/banner.png"></a>
<div class="guanbi">
<a href="#"><img src="images/buanbi.png"></a>
</div>
</div>-->
<!--顶部下载结束-->
<div class="result">
<a href="#"><p></p></a>
</div>
<!--获奖信息弹层开始-->
<div id="result">
<p id="resultTxt"></p>
<a id="resultBtn" href="javascript:" title="关闭"></a>
</div>
<!--获奖信息弹层结束-->
<img style=" width:100%; position:absolute; top:8%;" src="images/caidai.png">
</div>
<div id="guize">
<ul>
<li><img src="images/zhongjiangjilu.png"></li>
</ul>
<div class="guizez">
<!--中奖记录开始-->
<ul class="guize_l">
<li>
<div class="nicheng">
<p>137****4561</p>
</div>
<div class="chouzhong">
<p>抽中</p>
</div>
<div class="jiangxiang">
<p>金币 10</p>
</div>
</li>
<li>
<div class="nicheng">
<p>135****4125</p>
</div>
<div class="chouzhong">
<p>抽中</p>
</div>
<div class="jiangxiang">
<p>金币 10</p>
</div>
</li>
<li>
<div class="nicheng">
<p>177****8852</p>
</div>
<div class="chouzhong">
<p>抽中</p>
</div>
<div class="jiangxiang">
<p>迪士尼门票X1</p>
</div>
</li>
<li>
<div class="nicheng">
<p>158****1245</p>
</div>
<div class="chouzhong">
<p>抽中</p>
</div>
<div class="jiangxiang">
<p>金币 10</p>
</div>
</li><li>
<div class="nicheng">
<p>139****7789</p>
</div>
<div class="chouzhong">
<p>抽中</p>
</div>
<div class="jiangxiang">
<p>遇见明信片X1</p>
</div>
</li><li>
<div class="nicheng">
<p>133****1141</p>
</div>
<div class="chouzhong">
<p>抽中</p>
</div>
<div class="jiangxiang">
<p>迪士尼门票X1</p>
</div>
</li>
</ul>
<!--中奖记录结束-->
<!--活动规则开始-->
<ul class="guize_r">
<li>遇见销魂七夕节游戏结束后可进行1次抽奖</li>
<li>分享可再抽奖1次；活动奖品以实物为准；</li>
<li>活动奖品将以邮寄的形式快递到您的所在地，请如实填写中奖信息；</li>
<!--<li></li>-->
<li>活动时间：2016.8.2-8.12日；</li>
<li>∗ 最终解释权归遇见旅行所有</li>
</ul>
<!--活动规则结束-->
</div>
</div>
<div id="loadingDiv"></div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.rotate.min.js"></script>
<script type="text/javascript">
$(function(){
var userid = '<%=session.getAttribute("userid")%>';
$.ajax({
url:"http://api.booea.cn:8105/api/getLotteryNum.jsp?userid="+userid+"&type=getnum",
type:"get",
dataType:"json",
success:function(data){
var num = parseInt(data.num);
$("#num").text(num);
}
})
var $plateBtn = $('#plateBtn');
var $result = $('#result');
var $resultTxt = $('#resultTxt');
var $resultBtn = $('#resultBtn');
$plateBtn.click(function(){
var userid = '<%=session.getAttribute("userid")%>';
var numDom=document.getElementById("num");
var numVal=parseInt(numDom.innerHTML);
console.log(numVal);
if(numVal>0){
$.ajax({
url:"http://api.booea.cn:8105/api/lottery.jsp?userid="+userid+"&type=app",
type:"get",
dataType:"json",
success: function(data){
var lotterynum = parseInt(data.num);
$("#num").text(lotterynum);
var num = parseInt(data.result);
switch(num){
case 1:
rotateFunc(5,90,'恭喜你中了 <em>迪士尼门票X1</em>');
jumpFunc2();
break;
case 2:
rotateFunc(2,65,'恭喜你中了 <em>金币20</em>');
break;
case 3:
rotateFunc(7,282,'恭喜你中了 <em>金币20</em>');
break;
case 4:
rotateFunc(4,247,'恭喜你中了 <em>金币20 </em>');
break;
case 5:
rotateFunc(2,55,'恭喜你中了 <em>金币20</em>');
break;
case 6:
rotateFunc(6,24,'恭喜你中了 <em>金币20</em>');
break;
case 7:
rotateFunc(7,292,'恭喜你中了 <em>金币20</em>');
break;
case 8:
rotateFunc(1,170,'恭喜你中了 <em>金币10</em>');
jumpFunc1();
break;
default:
rotateFunc(1,170,'恭喜你中了 <em>金币10</em>');
}
//numDom.innerHTML=numVal-1;
}
});
}else{
alert("好像没有抽奖机会了哦，分享试试！");
}
/*var num = Math.floor(Math.random()*1000);
if(num == 0 || num == 1000){
rotateFunc(8,100,'恭喜你中了 <em>七彩云南六日五夜游X1</em>');
} else {
var data = [0, 1, 2, 3, 4, 5, 6, 7];
data = data[Math.floor(Math.random()*data.length)];
switch(data){
case
H5抽奖转盘.zip （69个子文件） 
后台代码 
getLotteryNum.jsp 3KB lottery.jsp 4KB activity 
zhuanpan.html 8KB css index.css 10KB fenxiang.html 2KB zhuanpanapp.html 10KB fenxiang index.jsp 4KB fenxiang.htm 4KB huodong.html 7KB xinxitianxie.html 2KB images 
zhuanpan.png 130KB wenzi00.png 2KB shenfenzheng.png 2KB wenzi6.png 4KB fangqi.png 7KB share1.png 10KB xingming.png 2KB beijingb.png 79KB wubj.png 67KB lijichoujiang.png 21KB quchoujiang.png 5KB loading-logo.png 14KB chun-sheet0.png 6KB zhuanpand.png 125KB tiledbackground1.png 645B jiantou.png 15KB icon-you.png 12KB wenzi2.png 2KB cursorhand_grey-sheet0.png 623B wenzi000.png 9KB arw-sheet0.png 280B share.png 10KB beijing.png 57KB wenzi1.png 4KB lijichouj.png 33KB wenzi0000.png 11KB tiledbackground2.png 105B wenzi4.png 5KB dizhi.png 2KB wenzi7.png 6KB
loading.gif 148KB zhongjiangjilu.png 23KB shouji.png 2KB tijiao.png 7KB fangqi_on.png 7KB fenxiangquchoujiang.png 7KB zhangzishi.png 22KB fenxiangjiantou.png 27KB tupian.png 48KB caidai.png 6KB beijinga.png 74KB xinxibj.png 51KB shuaxin.png 8KB tile-sheet1.png 360KB tile-sheet0.png 355KB sharebg-sheet0.png 105B wenzi5.png 4KB tiledbackground.png 74KB enenjo.png 93KB tile-sheet2.png 377KB wenzi0.png 2KB erweima.png 84KB wenzi3.png 3KB tijiao_on.png 7KB js jquery-2.0.0.min.js 81KB jquery-1.8.3.min.js 91KB jquery.rotate.min.js 7KB c2runtime.js 214KB index.html 6KB
- 1
- 2
前往页