PHP+jQuery+Ajax设置抽奖奖品和中奖概率
分享一款jQuery九宫格大转盘抽奖代码网页特效,点击抽奖按钮开始随机抽奖选择奖品,可设置起点位置、奖品数量、转动次数、中奖位置参数,并且后台ajax.php可设置奖品和中奖概率。
首先我们在#lottery放置12个奖品,代码如下:<div> <br>
<table> <br>
<tr> <br>
<td><img src="/static/imghw/default1.png" data-src="images/1.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
<td><img src="/static/imghw/default1.png" data-src="images/2.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
<td><img src="/static/imghw/default1.png" data-src="images/4.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
<td><img src="/static/imghw/default1.png" data-src="images/3.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
</tr> <br>
<tr> <br>
<td><img src="/static/imghw/default1.png" data-src="images/7.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
<td><a></a></td> <br>
<td><img src="/static/imghw/default1.png" data-src="images/5.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
</tr> <br>
<tr> <br>
<td><img src="/static/imghw/default1.png" data-src="images/1.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
<td><img src="/static/imghw/default1.png" data-src="images/6.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
</tr> <br>
<tr> <br>
<td><img src="/static/imghw/default1.png" data-src="images/3.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
<td><img src="/static/imghw/default1.png" data-src="images/6.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
<td><img src="/static/imghw/default1.png" data-src="images/8.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
<td><img src="/static/imghw/default1.png" data-src="images/7.png" class="lazy" alt="PHP+jQuery+Ajax设置抽奖奖品和中奖概率" ></td> <br>
</tr> <br>
</table> <br>
</div>
点击“开始抽奖”按钮,并且远程ajax.php获取奖项:$(function() { <br>
lottery.init('lottery'); <br>
$("#lottery a").click(function() { <br>
if (click) { <br>
return false; <br>
} else { <br>
lottery.speed = 100; <br>
$.post("ajax.php", { <br>
uid: 1 <br>
}, <br>
function(data) { //获取奖品,也可以在这里判断是否登陆状态 <br>
$("#lottery").attr("prize_site", data.prize_site); <br>
$("#lottery").attr("prize_id", data.prize_id); <br>
$("#lottery").attr("prize_name", data.prize_name); <br>
roll(); <br>
click = true; <br>
return false; <br>
}, <br>
"json") <br>
} <br>
}); <br>
})
Ajax.php
12个奖品数组如下,其中prize表示奖项内容,v表示中奖几率(若数组中七个奖项的v的总和为100,如果v的值为1,则代表中奖几率为1%,依此类推)$prize_arr = array( <br>
'0' => array('id' => 1, 'prize' => '一等奖', 'v' => 5), <br>
'1' => array('id' => 2, 'prize' => '二等奖', 'v' => 5), <br>
'2' => array('id' => 3, 'prize' => '三等奖', 'v' => 5), <br>
'3' => array('id' => 4, 'prize' => '四等奖', 'v' => 5), <br>
'4' => array('id' => 5, 'prize' => '五等奖', 'v' => 5), <br>
'5' => array('id' => 6, 'prize' => '六等奖', 'v' => 5), <br>
'6' => array('id' => 7, 'prize' => '七等奖', 'v' => 5), <br>
'7' => array('id' => 8, 'prize' => '八等奖', 'v' => 5), <br>
'8' => array('id' => 9, 'prize' => '九等奖', 'v' => 5), <br>
'9' => array('id' => 10, 'prize' => '十等奖', 'v' => 5), <br>
'10' => array('id' => 11, 'prize' => '十一等奖', 'v' => 25), <br>
'11' => array('id' => 12, 'prize' => '十二等奖', 'v' => 25), <br>
);
获取随机奖品:foreach ($prize_arr as $k=>$v) { <br>
$arr[$v['id']] = $v['v']; <br>
<br>
} <br>
<br>
$prize_id = getRand($arr); //根据概率获取奖项id <br>
foreach($prize_arr as $k=>$v){ //获取前端奖项位置 <br>
if($v['id'] == $prize_id){ <br>
$prize_site = $k; <br>
break; <br>
} <br>
} <br>
$res = $prize_arr[$prize_id - 1]; //中奖项 <br>
<br>
$data['prize_name'] = $res['prize']; <br>
$data['prize_site'] = $prize_site;//前端奖项从-1开始 <br>
echo json_encode($data);
PHP抽奖演示:http://www.sucaihuo.com/php/129.html
PHP+jQuery+Ajax九宫格抽奖转盘.zip
( 640.71 KB 下载:324 次 )
AD:真正免费,域名+虚机+企业邮箱=0元

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Learn about Python programming with introductory code examples Python is an easy-to-learn, yet powerful programming language. For beginners, it is very important to understand the introductory code examples of Python programming. This article will provide you with some concrete code examples to help you get started quickly. Print HelloWorldprint("HelloWorld") This is the simplest code example in Python. The print() function is used to output the specified content

PHP variables store values during program runtime and are crucial for building dynamic and interactive WEB applications. This article takes an in-depth look at PHP variables and shows them in action with 10 real-life examples. 1. Store user input $username=$_POST["username"];$passWord=$_POST["password"]; This example extracts the username and password from the form submission and stores them in variables for further processing. 2. Set the configuration value $database_host="localhost";$database_username="username";$database_pa

Title: From Beginner to Mastery: Code Implementation of Commonly Used Data Structures in Go Language Data structures play a vital role in programming and are the basis of programming. In the Go language, there are many commonly used data structures, and mastering the implementation of these data structures is crucial to becoming a good programmer. This article will introduce the commonly used data structures in the Go language and give corresponding code examples to help readers from getting started to becoming proficient in these data structures. 1. Array Array is a basic data structure, a group of the same type

How to use PHP to write the inventory management function code in the inventory management system. Inventory management is an indispensable part of many enterprises. For companies with multiple warehouses, the inventory management function is particularly important. By properly managing and tracking inventory, companies can allocate inventory between different warehouses, optimize operating costs, and improve collaboration efficiency. This article will introduce how to use PHP to write code for inventory warehouse management functions, and provide you with relevant code examples. 1. Establish the database before starting to write the code for the inventory warehouse management function.

The simplest code example of Java bubble sort Bubble sort is a common sorting algorithm. Its basic idea is to gradually adjust the sequence to be sorted into an ordered sequence through the comparison and exchange of adjacent elements. Here is a simple Java code example that demonstrates how to implement bubble sort: publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int

"Go Language Programming Examples: Code Examples in Web Development" With the rapid development of the Internet, Web development has become an indispensable part of various industries. As a programming language with powerful functions and superior performance, Go language is increasingly favored by developers in web development. This article will introduce how to use Go language for Web development through specific code examples, so that readers can better understand and use Go language to build their own Web applications. 1. Simple HTTP Server First, let’s start with a

Huawei Cloud Edge Computing Interconnection Guide: Java Code Samples to Quickly Implement Interfaces With the rapid development of IoT technology and the rise of edge computing, more and more enterprises are beginning to pay attention to the application of edge computing. Huawei Cloud provides edge computing services, providing enterprises with highly reliable computing resources and a convenient development environment, making edge computing applications easier to implement. This article will introduce how to quickly implement the Huawei Cloud edge computing interface through Java code. First, we need to prepare the development environment. Make sure you have the Java Development Kit installed (

1. Basics of Java file operations In Java, file operations are a basic and important function. You can use the File class and related methods in the Java class library to create, read, write, and delete files. The File class provides a rich API that can meet most file operation needs. Create a file Filefile=newFile("sample.txt");file.createNewFile();Write a fileFileWriterwriter=newFileWriter(file);writer.write("Hello,World!");writer.close();Read a file Fi
