php+lottery.js制作九宫格抽奖实例

php+lottery.js制作九宫格抽奖实例,本抽奖功能效果表现好,定制方便简单,新手学习跟直接拿来用都非常不错,兼容IE、火狐、谷歌等浏览器。

引入抽奖插件lottery.js

<script type="text/javascript" src="js/lottery.js"></script>

开始抽奖函数start_lottery()

 1 function start_lottery(){
 2     if(flag){
 3         //alert(‘正在抽奖,请等待抽奖结果!‘);
 4         //return false;
 5         return void(0);
 6     }
 7     flag=true;
 8     index = 1;              //当前选中对象的位置
 9     fast  = rand(3,6);      //在哪个位置开始加速
10     cycle = rand(3,5);      //转动多少圈
11     speed = 300;            //开始时速度
12
13     $.ajax({
14         url: ‘lottery.php‘,
15         type: "post",
16         data:null,
17         dataType: "json",
18         timeout: 20000,
19         cache: false,
20         beforeSend: function(){// 提交之前
21         },
22         error: function(){//出错
23             flag=false;
24         },
25         success: function(res){//成功
26             if(typeof(res.award_id)!=‘undefined‘){
27                 lucky = res.award_id;    //中奖号码
28                 award = res.award_name;  //奖品名称
29                 show_lottery();
30             }else{
31                 flag=false;
32                 alert(res.err);
33             }
34         }
35     });
36 }

PHP里奖品配置

 1 //奖品配置
 2 $award = array(
 3     // 奖品ID => array(‘奖品名称‘,概率)
 4     1 => array(‘悟空公仔‘,0.1),
 5     2 => array(‘小乖虎公仔‘,0.1),
 6     3 => array(‘神秘大礼包‘,0.1),
 7     4 => array(‘智能游戏手柄‘,0.1),
 8     5 => array(‘小角鹿公仔‘,0.1),
 9     6 => array(‘豆蛙抱枕‘,0.1),
10     7 => array(‘游戏耳机‘,0.2),
11     8 => array(‘雷蛇键盘‘,0.2),
12 );
13
14 $r =rand(1,100);

本文转自:https://www.sucaihuo.com/php/724.html 转载请注明出处!

原文地址:https://www.cnblogs.com/woleyia/p/11220723.html

时间: 2024-10-05 04:27:48

php+lottery.js制作九宫格抽奖实例的相关文章

九宫格抽奖转盘源码分析

效果如上图所示,下面对其实现代码进行分析,看能不能破解其抽奖规则.需要引入jquery-1.8.3.min.js和images/9张图片. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or

九宫格抽奖

九宫格抽奖1. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery九宫格大转盘抽奖</title> <style> #lottery{width:570px;height:510px;margin:0px au

用JS制作一个信息管理平台完整版

  前  言 JRedu 在之前的文章中,介绍了如何用JS制作一个实用的信息管理平台. 但是那样的平台功能过于简陋了,我们今天来继续完善一下. 首先我们回顾一下之前的内容.   1.JSON的基础知识 1.1  什么是JSON JSON是数据交互中,最常用的一种数据格式. 由于各种语言的语法都不相同,在传递数据时,可以将自己语言中的数组.对象等转换为JSON字符串. 传递之后,可以将JSON字符串,再解析为JSON对象. JSON对象的使用与JS中的对象基本相同,唯一需要区别的是,JSON中的键

js网址跳转实例代码

js网址跳转实例代码:网址跳转是常用的功能,比如点击一个按钮实现跳转,或者说希望一条新闻打开后可以跳转到其他页面,就可以直接在编辑器中输入跳转代码.下面就简单列举一下js跳转代码,可以根据实际情况选择使用.方式一: window.location.href="http://www.softwhy.com"; 以上代码可以跳转到指定的链接.方式二: window.history.back(-1); 以上代码可以返回之前访问的页面.方式三: self.location="http

js缓冲运动代码实例

js缓冲运动代码实例:元素的缓冲运动效果要比匀速运动更为美观一些,因为显得更为有张力和弹性,当然对于浏览者来说可能会有更好的效果,那么留住用户的可能性也就更大,下面就通过代码实例简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www

js制作带有遮罩弹出层实现登录小窗口

要实现的效果如下 点击“登录”按钮后,弹出登录小窗口,并且有遮罩层(这个名词还是百度知道的,以前只知道效果,却不知道名字) 在没有点击“登录”按钮之前登录小窗口不显示,点击“登录”按钮后小窗口显示,并且遮罩层笼罩整个页面,使整个页面的其他元素暂时失去行为. 遮罩层的实现:相对于body绝对定位,宽度和高度都和body相同,并且有一定的透明度,使得下面的元素能够被看到.原先的元素的z-index为0,遮罩层的z-index在弹出登录小窗口和原先元素的之间. 说的不是很清楚,还是看代码吧! <!DO

初学JS——利用JS制作的别踩白块儿(街机模式) 小游戏

初学JS--利用JS制作的别踩白块儿(街机模式) 小游戏 这个是上个星期5写的了,当时是突然想写个游戏,就想到了别踩白块儿,当时的想法是 可能普通模式的别踩白块儿因为他的"块儿"是滚动的向上这种,以我目前会的技术想不出怎么写, 但是如果是街机模式,通过你每按一次按键之后他像下跳一格这样的就非常好实现了. 通过我目前会的知识,实现的步骤大概是这样的: 建一个4X4的表格,制作2张150X100的图片,一张全白色,一张全黑色,命名为0.JPG,1.JPG 就是说当文件名为0的时候就是白色的

纯css+js下拉菜单实例代码

纯css+js下拉菜单实例代码 分享一个css+js下拉菜单代码,js+css实现的简单下拉菜单,兼容性不错. 例子:<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <

使用node.js制作简易爬虫

最近看了些node.js方面的知识,就像拿它来做些什么.因为自己喜欢摄影,经常上蜂鸟网,所以寻思了一下,干脆做个简单的爬虫来扒论坛的帖子. 直接上代码吧. 1 var sys = require("sys"), 2 http = require("http"), 3 fs = require("fs"); 4 var url = "http://newbbs.fengniao.com/forum/forum_125.html"