700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > PHP做大转盘抽奖的思路 jQuery实现幸运大转盘(php抽奖程序)抽奖程序

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

时间:2023-04-03 15:41:13

相关推荐

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(‘中奖了!’);

}

});

}

}

});

});

业余草,

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。