这篇文章主要介绍“怎么用PHP+jQuery实现翻牌抽奖功能”，在日常操作中，相信很多人在怎么用PHP+jQuery实现翻牌抽奖功能问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么用PHP+jQuery实现翻牌抽奖功能”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
在祁阳等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站建设、
网站制作 网站设计制作按需设计,公司网站建设,企业网站建设,
成都品牌网站建设,
全网营销推广,外贸网站建设,祁阳网站建设费用合理。
PHP+jQuery开发简单的翻牌抽奖实例，实现流程：页面放置6个方块作为奖项，当抽奖者点击某一块时，方块翻转到背面，显示中奖信息，这个奖品是随机的，不是固定的。
在页面上放置6个奖项：
1
2
3
4
5
6
点击每个方块，触发的事件：
$("#prize li").each(function() {
var p = $(this);
var c = $(this).attr('class');
p.css("background-color", c);
p.click(function() {
$("#prize li").unbind('click'); //连续翻动
$.getJSON("ajax.php",
function(json) {
var prize = json.yes; //抽中的奖项
p.flip({
direction: 'rl',
//翻动的方向rl：right to left
content: prize,
//翻转后显示的内容即奖品
color: c,
//背景色
onEnd: function() { //翻转结束
p.css({
"font-size": "22px",
"line-height": "100px"
});
p.attr("id", "r"); //标记中奖方块的id
$("#viewother").show(); //显示查看其他按钮
$("#prize li").unbind('click').css("cursor", "default").removeAttr("title");
}
});
$("#data").data("nolist", json.no); //保存未中奖信息
});
});
});
翻开其他方块：
$("#viewother").click(function() {
var mydata = $("#data").data("nolist"); //获取数据
var mydata2 = eval(mydata); //通过eval()函数可以将JSON转换成数组
$("#prize li").not($('#r')[0]).each(function(index) {
var pr = $(this);
pr.flip({
direction: 'bt',
color: 'lightgrey',
content: mydata2[index],
//奖品信息（未抽中）
onEnd: function() {
pr.css({
"font-size": "22px",
"line-height": "100px",
"color": "#333"
});
$("#viewother").hide();
}
});
});
$("#data").removeData("nolist");
});到此，关于“怎么用PHP+jQuery实现翻牌抽奖功能”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联-成都网站建设公司网站，小编会继续努力为大家带来更多实用的文章！
标题名称：怎么用PHP+jQuery实现翻牌抽奖功能-创新互联
本文URL：
http://cdkjz.cn/article/jojpg.html
