PHP做大转盘抽奖的思路,jQuery实现幸运大转盘(php抽奖程序)抽奖程序

抽奖程序有各式各样的形式，其中幸运大转盘最为常见。线上线下都有很多的使用场景。

本文结合我自己的php网站，是实现一个php抽奖程序。

下图是该抽奖程序的截图：

一般的抽奖程序主要是算法程序，界面效果并不重要。算法一般都是后台实现的，前台毕竟是不安全的。

前台只需要准备素材，抽奖的界面用到两张图片，圆盘图片和指针图片，实际应用中可以根据不同的需求制作不同的圆盘图片。根据后台的数据进行效果展示即可。

下面是全部实现代码：

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

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

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

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

#start img{cursor:pointer}

$(function(){

$(“#startbtn”).rotate({

bind:{

click:function(){

var a = Math.floor(Math.random() * 360);

$(this).rotate({

duration:3000,

angle: 0,

animateTo:1440+a,

easing: $.easing.easeOutSine,

callback: function(){

alert(‘中奖了！’);

}

});

}

}

});

});

业余草，www.xttblog.com

本实例中借助了jQueryRotate和jquery.easing两个插件。