php 微信刮刮卡

来源:互联网 发布:新开的淘宝店怎么刷单 编辑:程序博客网 时间:2024/05/29 13:15

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="format-detection" content="telephone=no"><title>刮刮卡</title><link href="./css/activity-style.css" rel="stylesheet" type="text/css"></head>            <?php    include '../sql_db.php';        $mysql_select_bl=mysql_query("SELECT * FROM `app_ekeylee`.`wechat` WHERE `openid`='$_GET[openid]'");         $row_bl=mysql_fetch_row($mysql_select_bl);        ?><script type="text/javascript">function loading(canvas, options) {this.canvas = canvas;if (options) {this.radius = options.radius || 12;this.circleLineWidth = options.circleLineWidth || 4;this.circleColor = options.circleColor || 'lightgray';this.moveArcColor = options.moveArcColor || 'gray';} else {this.radius = 12;this.circelLineWidth = 4;this.circleColor = 'lightgray';this.moveArcColor = 'gray';}}loading.prototype = {show: function() {var canvas = this.canvas;if (!canvas.getContext) return;if (canvas.__loading) return;canvas.__loading = this;var ctx = canvas.getContext('2d');var radius = this.radius;var me = this;var rotatorAngle = Math.PI * 1.5;var step = Math.PI / 6;canvas.loadingInterval = setInterval(function() {ctx.clearRect(0, 0, canvas.width, canvas.height);var lineWidth = me.circleLineWidth;var center = {x: canvas.width / 2,y: canvas.height / 2};ctx.beginPath();ctx.lineWidth = lineWidth;ctx.strokeStyle = me.circleColor;ctx.arc(center.x, center.y + 20, radius, 0, Math.PI * 2);ctx.closePath();ctx.stroke();//在圆圈上面画小圆   ctx.beginPath();ctx.strokeStyle = me.moveArcColor;ctx.arc(center.x, center.y + 20, radius, rotatorAngle, rotatorAngle + Math.PI * .45);ctx.stroke();rotatorAngle += step;},100);},hide: function() {var canvas = this.canvas;canvas.__loading = false;if (canvas.loadingInterval) {window.clearInterval(canvas.loadingInterval);}var ctx = canvas.getContext('2d');if (ctx) ctx.clearRect(0, 0, canvas.width, canvas.height);}};</script></head><body data-role="page" class="activity-scratch-card-winning"><script src="./js/jquery.js" type="text/javascript"></script><script src="./js/wScratchPad.js" type="text/javascript"></script><div class="main"><div class="cover"><img src="./images/activity-scratch-card-bannerbg.png"><div id="prize"></div><div id="scratchpad"></div></div><div class="content"><div id="zjl" style="display:none" class="boxcontent boxwhite"><div class="box"><div class="title-red" style="color: #444444;"><span class="red"><?php echo $row_bl[1];?></span><span>恭喜你</span></div><div class="Detail"><p>你中了:<span class="red" id ="theAward"></span></p><p>你的奖池已经累计到了:<span class="red" id="sncode">50元</span></p><p class="red"></p><!--<p><input name="" class="px" id="tel" value="" type="text" placeholder="用户请输入您的手机号"></p><p><p><input class="pxbtn" name="提 交" id="save-btn" type="button" value="用户提交"></p><p><input name="" class="px" id="parssword" type="password" value="" placeholder="商家输入兑奖密码"></p><p><input class="pxbtn" name="提 交" id="save-btnn" type="button" value="商家提交"></p>!--></div></div></div><div class="boxcontent boxwhite"><div class="box"><div class="title-brown"><span>奖项设置:</span></div><div class="Detail"><p>一等奖: 苹果1个。奖品数量:10</p><p>二等奖: 苹果2个 。奖品数量:20</p><p>三等奖: 苹果3个 。奖品数量:30</p></div></div></div><div class="boxcontent boxwhite"><div class="box"><div class="title-brown">活动说明:</div><div class="Detail"><p class="red">本次活动总共可以刮5次,你已经刮了0次,机会如果没用完重新进入本页面可以再刮!</p><p>亲,请点击进入刮刮奖活动页面,祝您好运哦!</p></div></div></div></div><div style="clear:both;"></div></div><?php$randnum1=rand(4,5);$randnum2=rand(2,3);$randnum3=rand(1,2);$randdo=rand(1,9);?><script src="./js/alert.js" type="text/javascript"></script><script type="text/javascript">window.sncode = "null";window.prize = "谢谢参与";var zjl = false;            var num = 1;//设置次数var goon = true;$(function() {$("#scratchpad").wScratchPad({width: 150,height: 40,color: "#a9a9a7",scratchMove: function() {num++;if (num == 2) {//一等奖机率10% 二等奖20% 三等奖30% 幸运奖40%var randNum = Math.round(Math.random()*99+1)if(randNum>=1 && randNum<=5){var award = "<?php echo $randnum1.'.'.$randdo.' 元'?>";zjl = true;}if(randNum>=6 && randNum<=15){var award = "<?php echo $randnum2.'.'.$randdo.' 元'?>";zjl = true;}if(randNum>=16 && randNum<=30){var award = "<?php echo $randnum3.'.'.$randdo.' 元'?>";zjl = true;}if(randNum>=31 && randNum<=100){var award = "0.<?php echo $randdo.' 元';?>";                                zjl = true;}document.getElementById('prize').innerHTML = award;$("#theAward").html(award);}if (zjl && num > 10 && goon) {//$("#zjl").fadeIn();goon = false;$("#zjl").slideToggle(500);//$("#outercont").slideUp(500)}}});$("#prize").html("谢谢参与");loadingObj.hide();$(".loading-mask").remove();});$("#save-btn").bind("click", function() {var btn = $(this);var tel = $("#tel").val();if (tel == '') {alert("请输入手机号");return}var submitData = {tid: 438,code: $("#sncode").text(),tel: tel,action: "setTel"};$.post('index.php?ac=acw', submitData,function(data) {if (data.success == true) {alert(data.msg);return} else {}},"json")});// 保存数据$("#save-btnn").bind("click", function() {//var btn = $(this);var submitData = {tid: 438,code: $("#sncode").text(),parssword: $("#parssword").val(),action: "setTel"};$.post('index.php?ac=acw', submitData,function(data) {if (data.success == true) {alert(data.msg);if (data.changed == true) {window.location.href = location.href;}return} else {}},"json")});</script></body></html>


针对源码做了修改,改了奖励方式。更利于平时日常的关注互动。(第一次修改)


0 0