jQuery+CSS3翻牌抽奖游戏代码
116
0
jQuery翻牌抽奖翻牌抽奖代码

一款同时兼容电脑端与手机端的jQuery+CSS3翻牌抽奖游戏代码,点击3D翻牌抽奖代码。
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/rem.js"></script>
<!--页面抽奖流程相关js-->
<script type="text/javascript" src="js/rotate.js"></script>
<script type="text/javascript">
//提示框
function showTool(str){
var ele = document.getElementById("tooltip");
ele.innerHTML = str;
ele.style.display="";
setTimeout(hideTool,1000);
}
function hideTool(str){
var ele = document.getElementById("tooltip");
ele.innerHTML = str;
ele.style.display="none";
}
window.onload = function(){
var obj = $("#allParent").rotateEx({
maxNumCall:function(){
showTool("翻到了最大的数量啦");
},
clickAmtStart:function(o1,o2,o3){
showTool("恭喜抽中"+o3.innerText);
},
clickAmtEnd:function(o1,o2){
//o2显示所有奖品
o2.allFace();
},
changeAmtCall:function(o1,o2){
//随机修改奖品的位置
obj.reset();
}
});
//一来就播放动画且设置能翻牌的数量
var obj2 = $("#allParent2").rotateEx({
maxNum:5,
maxNumCall:function(){
showTool("翻到了最大的数量啦");
},
clickAmtStart:function(o1,o2,o3){
showTool("恭喜抽中"+o3.innerText);
},
changeAmtCall:function(o1,o2){
//随机修改奖品的位置
obj2.reset();
}
});
obj2.rotate.allBack();
//一来就播放动画且设置能翻牌的数量且设置不能反派的元素
var obj3 = $("#allParent3").rotateEx({
maxNum:2,
noFaceEle:[3,5],
maxNumCall:function(){
showTool("翻到了最大的数量啦");
},
clickAmtStart:function(o1,o2,o3){
showTool("恭喜抽中"+o3.innerText);
},
changeAmtCall:function(o1,o2){
//随机修改奖品的位置
obj3.reset();
}
});
obj3.rotate.allBack();
window.test = obj3
var obj4 = $("#allParent4").rotateEx({
maxNum:2,
noFaceEle:[3,5],
maxNumCall:function(){
showTool("翻到了最大的数量啦");
},
clickAmtStart:function(o1,o2,o3){
showTool("恭喜抽中"+o3.innerText);
},
clickAmtEnd:function(o1,o2,ele,allO){
if(allO.option.maxNum == o2.getZNum()){
o2.allFace();
}
},
changeAmtCall:function(o1,o2){
//随机修改奖品的位置
obj4.reset();
}
});
obj4.rotate.allBack();
}
</script>热点素材
- 2,0341
- 2,00112
- 1,9780
- 1,8523
- 1,7831





