转盘抽奖,稍作修改就可用

实例截图:

核心代码:

幸运大转盘-jQuery PHP实现的抽奖程序

.demo{width:417px; height:417px; position:relative; margin:50px auto}

#disk{width:417px; height:417px; background:url(luck/disk.jpg) no-repeat}

#start{width:163px; height:320px; position:absolute; top:46px; left:130px;}

#start img{cursor:pointer}

$(function(){

$("#startbtn").click(function(){

lottery();

});

});

function lottery(){

$.ajax({

type: 'POST',

url: 'data.php',

dataType: 'json',

cache: false,

error: function(){

alert('出错了!');

return false;

},

success:function(json){

$("#startbtn").unbind('click').css("cursor","default");

var a = json.angle; //角度

var p = json.prize; //奖项

$("#startbtn").rotate({

duration:3000, //转动时间

angle: 0,

animateTo:1800 a, //转动角度

easing: $.easing.easeOutSine,

callback: function(){

var con = confirm('恭喜你,中得' p '\n还要再来一次吗?');

if(con){

lottery();

}else{

return false;

}

}

});

}

});

}

幸运大转盘-jQuery PHP实现的抽奖程序

更多推荐

php抽奖简单源码,php转盘抽奖 完整例子源码(含模拟数据)