本文主要为大家详细介绍了jquery实现简单的抽奖游戏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。
今天要写的是,利用jQuery写一个抽奖的案例,页面包含四个组件,两个按钮分别是开始和停止的按钮。两个box,分别盛放人员和奖品。当点击开始按钮时,人员不停地进行切换。抽奖的box中显示等待抽奖结果。当按下停止按钮时,两个盒子分别显示人员名,和所中的奖品。
页面的效果图如下:

可能页面没有那么好看。我们主要实现的是功能
首先在body中定义组件
再进行样式设置:
css代码:
接下来就是写函数了。在这里我引用的是”http://libs.baidu.com/jquery/1.9.0/jquery.js“;的jQuery库。
这个案例比较简单,所以就不赘述了,下面附上最后的效果图:
这个是点击了开始按钮之后,人员名进行快速的切换中:
微信大转盘抽奖-jQuery+PHP实现,发现很多转盘抽奖,都实现了前台部分,大部分都使用了HTML5技术,但是后台自己调整抽奖几率不方便,索性自己收集资料,在一个转盘抽奖的基础上,增加了PHP部分代码,可以对抽奖几率进行自定义,设置请参考data.php文件,相关部分给出了注释。

下面这个是点击了停止按钮的最终中奖人员和对应的奖品


相关推荐:









