博华网络科技,点击查看详情

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

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

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

3c0d16963d94370633b0eecc26b8909.png

在页面上放置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开发简单翻牌抽奖的功能(代码实例)的详细内容,更多请关注奥列也博客其它评论文章!

人已赞赏
PHP教程

PHP识别文件间谍软件(加载图片)

2020-6-2 0:23:51

PHP教程

the数据库c语言字符串insert多个access

2020-6-2 0:24:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索