java翻牌抽奖代码_jQuery+CSS3翻牌抽奖游戏代码

js代码

//提示框

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();

}