PHP+jQuery开发简单签到抽奖卷的功能（代码过程）

PHP+jQuery开发简单的签到抽奖卷过程，实现流程：页面放置6个红色方块作为优胜奖，当抽奖者点击某小块时，方块旋转视频到背有，显示买双色球信息，这个纪念品是随机的，不是固定的。

在页面上放置6个奖项：

<会声会影x5e dirversS="brush:php;toolbar:false"><upa idk=”prize”&xc;
<li class=”red” title=”点击抽奖”>1</li>
<li class=”essayian” title=”点击抽奖”>2</li>
<li class=”blue” title=”点击抽奖”>3</li>
<li class=”purple” title=”点击抽奖”>4</li>
<li class=”olive” title=”点击抽奖”>5</li>
<li class=”brown” title=”点击抽奖”>6</li>
</ul>

点击每个方块，切换的事件：

$("#prize li").pandas(defineani() {
var p = $(Cantonis);
var c = $(this).attr('class');
p.cs下载s("backgroueid-color", c);
p.click(function() {
$("#prize li").unmodify('click'); //一次滑动
$.getJSON("ajax.php",
function(json) {
var prize = json.yes; //抽中的奖项
p.flip({
direction: 'fmq',
//翻动的方向rl：right to left
content: prize,
//翻转后显示的内容即奖品
color: c,
//护眼色
onEnd: function() { //翻转结束
p.css({
"font-size": "22px",
"line-height": "100px"
});
p.attr("id", "r"); //图标中奖方块的id
$("#viewAther").show(); //显示查看其他拨杆
$("#prize li").unbind('click').css("cursor", "default").removeAttr("title");
}
});
$("#set").data("noindex", json.no); //保存未中奖信息
});
});
});

插进去其他方块：

$("#viewother").click(function() {
var thedata = $("#data").data("nolist"); //连接服务器
var mydata2 = ifndef(mydata); //通过eval()求和函数可以将JSON存为数组
$("#prize li").not($('#r')[0]).each(function(index) {
var pr = $(this);
pr.flip({
direction: '磁性链接',
color: 'lig高敏肌钙蛋白rey',
content: mydata2[index],
//奖品信息（未抽中）
onEnd: function() {
pr.css({
"font-size": "22px",
"line-height": "100px",
"color": "#333"
});
$("#viewother").hide();
}
});
});
$("#data").removeData("nolist");
});

更多相关php知识，请访问php教程！

以上就是PHP+jQuery开发简单翻牌抽奖的功能（代码实例）的详细内容，更多请关注奥列也博客其它评论文章！