PHP+jQuery实现翻板抽奖

  • 时间:
  • 浏览:0
  • 来源:万人牛牛APP下载_万人牛牛官方

html特征中,大家使用一个多多多无序列表放置6个不同的方块,每个li中的clas属性表示该方块的颜色,列表下面是一个多多多链接 a#viewother,用来完成抽奖后,点击它,翻看你是什么方块背面的中奖信息,默认是隐藏的。接下来还三个小多多多div#data,它是空的,作用是用来临 时存储未抽中的你是什么奖项数据,具体状况想看 面的代码。为了让6个方块并排看起来舒服点,您还还要用CSS来美化下,具体可参照demo,本文中不再贴出 css代码。

首先为了实现翻板效果,大家还要预先加载翻动插件及jquery,jqueryui相关插件:

原文 PHP+jQuery实现翻板抽奖

声明:本文为原创文章,helloweba.com和作者拥有版权,如需转载,请注明来源于

接下来,大家通过单击页面中的方块,来完成抽奖行为。

上述代码是一段经典的概率算法,$proArr是一个多多多预先设置的数组,假设数组为:array(50,50,50,50),开始英语 英语 了了是从 1,50你是什么概率范围内筛选第一个多多多数是有无在他的总出 概率范围之内, 将会什么都如此,则将概率空间,也要是k的值减去以前的那个数字的概率空间,在本例当中要是减去50,也要是说第十个 数是在1,900你是什么范围内筛选的。另一个多多多 筛选到最终,总会三个小多多多数满足要求。就最少去一个多多多箱子里摸东西,第一个多多多后要,第十个 后要,第一个多多多还后要,那最后一个多多多一定是。你是什么算法简单,有刚刚 下行速率 单位非常 高,关键是你是什么算法已在大家以前的项目蕴藏应用,尤其是大数据量的项目中下行速率 单位非常棒。

每次前端页面的请求,PHP循环奖项设置数组,通过概率计算函数get_rand获取抽中的奖项id。将中奖奖品保指在数组$res['yes']中,而剩下的未中奖的信息保指在$res['no']中,最后输出json个数数据给前端页面。

关于flip插件您可不都可不可以 到其官网:http://lab.smashup.it/flip/了解更多信息。

当单击#viewother时,获取抽奖时保存的未抽中的奖项数据,并将其转化为数组,翻转十个 方块,将奖品信息显示在对应的方块中。最终效果图:

嘴笨 到你是什么步抽奖工作将会完成,为了能查看你是什么方块背面究竟隐藏着有哪些,大家在抽奖后给出一个多多多可不都可不可以 查看你是什么方块背面的链接。通过点击该链接,你是什么十个 方块转动,将背面奖项信息显示出来。

先来看概率计算函数

与本站上篇文章使用jQuery+PHP+Mysql实现抽奖程序运行运行不同的是,翻板抽奖不提供开始英语 英语 了了和开始英语 英语 了抽奖按钮,抽奖者当事人决定选用其中的某一个多多多方块,来完成抽奖的,要是大家在页面放上去置6个方块,有刚刚 用1-6来表示不同的方块。

中是一个多多多二维数组,记录了所有本次抽奖的奖项信息,其中id表示中奖等级,prize表示奖品,v表示中奖概率。注意其中的v还要为整数,给你将 对应的奖项的v设置成0,即原因分析分析分析该奖项抽中的几率是0,数组中v的总和(基数),基数越大越能体现概率的准确性。本例中v的总和为50,如此平板电脑 对应的中奖概率要是1%,将会v的总和是500,那中奖概率要是万分之一了。

接下来大家通过PHP配置奖项。

翻板抽奖的实现流程:前端页面提供6个方块,用数字1-6依次表示6个不同的方块,当抽奖者点击6个方块中的某一块时,方块 翻转到背面,显示抽奖中奖信息。看似简单的一个多多多操作过程,却蕴藏着WEB技术的要是知识面,要是本文的读者应该熟练掌握jQuery和PHP相关知识。

并保留原文链接,有刚刚 视为侵权。

在要是类式的抽奖活动中,参与者往往抽必须大奖,笔者从程序运行运行的深度举个例给你看,我希望我是抽奖活动的主办方,我设置了6个奖项,每个奖项不同的中奖 概率,我希望一等奖是一台高级轿车,另一个多多多我设置了其中奖概率为0,这原因分析分析分析有哪些?这原因分析分析分析参与抽奖者无论为什么在么在在么在抽,永远也得必须这台高级轿车。而当主办方每次 翻动剩下的方块时,参与者会发现一等奖你爱不爱给你在以前抽奖的方块旁边的一个多多多数字下,都怪当事人运气差。真的是运气差吗?其嘴笨 参与者翻动那个方块时程序运行运行将会决 定了中奖项,而翻动查看你是什么方块想看 的奖项要是一个多多多烟雾弹,迷惑了观众和参与者。帮我想看 这篇文章后,您或许会知道电视节目中的翻板抽奖猫腻了,您你爱不爱我大 概再不让去机选双色球了。

大家先完成后台PHP的流程,PHP的主要工作是负责配置奖项及对应的中奖概率,当前端页面点击翻动某个方块后要想后台PHP发送ajax请求,如此后台PHP根据配置的概率,通过概率算法给出中奖结果,同時 将未中奖的奖项信息同時 以JSON数据格式发送给前端页面。

代码中先遍历6个方块,给每个方块初始化不同的背景颜色,单击当前方块后,使用$.getJSON向后台data.php发送ajax请求,请求成 功后,调用flip插件实现翻转方块,在获取的中奖信息显示在翻转后的方块上,翻转开始英语 英语 了后,标记该中奖方块id,同時 冻结方块上的单击事件,即 unbind('click'),目的要是让抽奖者必须抽一次,抽以前每个方块必须再翻动了。最后将未抽中的奖项信息通过data()储指在#data 中。

直接输出中奖信息就得了,为什么在么在在么在在还要把未中奖的信息也要输出给前端页面呢?请想看 面的前端代码。

在电视节目中并有无抽奖形式不让说叫做翻板抽奖,台上三个小多多多墙面,墙面放置哪几个大方块,主持人将会抽奖者翻开对应的方块即可揭晓中奖结果。类式的抽奖形式还可不都可不可以 应用在WEB中,本文将使用PHP+jQuery为您讲解要怎样实现翻板抽奖程序运行运行。

BUG修复:感谢热心女女网友寒川Tears反馈的关于可不都可不可以 连续翻动的bug,正确处理法律依据 ,在单击事件后,ajax前限制click事件插入代码: