-
大小: 0.21M文件類型: .rar金幣: 1下載: 0 次發布日期: 2021-01-30
- 語言: JavaScript
- 標簽: 抽獎??
資源簡介
網頁版
html5網頁抽獎代碼
<!DOCTYPE html> <!-- saved from url=(0074)http://www.apiwx.com/index.php?ac=alw&c=o7MB9ji5fQRsE0ZoVAMU7SlnRyMI&tid=5 --> <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"> <meta name="description" content="樂享微信"> <title>幸運大轉盤抽獎</title> <link href="./幸運大轉盤抽獎_files/activity-style.css" rel="stylesheet" type="text/css"> </head> <body class="activity-lottery-winning"> <div class="main"> <script type="text/javascript"> var loadingObj = new loading(document.getElementById('loading'),{radius:20,circleLineWidth:8}); loadingObj.show(); </script> <div id="outercont"> <div id="outer-cont"> <div id="outer"><img src="./幸運大轉盤抽獎_files/activity-lottery-1.png" width="310px"></div> </div> <div id="inner-cont"> <div id="inner"><img src="./幸運大轉盤抽獎_files/activity-lottery-2.png"></div> </div> </div> <div class="content"> <div class="boxcontent boxyellow" id="result" style="display:none"> <div class="box"> <div class="title-orange"><span>恭喜你中獎了</span></div> <div class="Detail"> <a class="ui-link" id="opendialog" style="display: none;" data-rel="dialog"></a> <p>你中了:<span class="red" id="prizetype">一等獎</span></p> <p>你的兌獎SN碼:<span class="red" id="sncode"></span></p> <p class="red">本次兌獎碼已經關聯你的微信號,你可向公眾號發送 兌獎 進行查詢!</p> <p> <input name="" class="px" id="tel" type="text" placeholder="輸入您的手機號碼"> </p> <p> <input class="pxbtn" id="save-btn" name="提 交" type="button" value="提 交"> </p> </div> </div> </div> <div class="boxcontent boxyellow"> <div class="box"> <div class="title-green"><span>獎項設置:</span></div> <div class="Detail"> <p>一等獎:網時獎勵200小時 。獎品數量:3 </p> <p>二等獎:網時獎勵100小時 。獎品數量:5 </p> <p>三等獎:廣播臺免費點首歌 。獎品數量:10 </p> </div> </div> </div> <div class="boxcontent boxyellow"> <div class="box"> <div class="title-green">活動說明:</div> <div class="Detail"> <p>本次活動每人可以轉 3 次 </p> <p> 我們的中獎率高達33.3%!! </p> </div> </div> </div> </div> </div> <script src="./幸運大轉盤抽獎_files/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){window.requestAnimFrame=(function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(callback){window.setTimeout(callback,1000/60)}})();var totalDeg=360*3 0;var steps=[];var lostDeg=[36,66,96,156,186,216,276,306,336];var prizeDeg=[6,126,246];var prize,sncode;var count=0;var now=0;var a=0.01;var outter,inner,timer,running=false;function countSteps(){var t=Math.sqrt(2*totalDeg/a);var v=a*t;for(var i=0;i<t;i ){steps.push((2*v*i-a*i*i)/2)}steps.push(totalDeg)}function step(){outter.style.webkitTransform='rotate(' steps[now ] 'deg)';outter.style.MozTransform='rotate(' steps[now ] 'deg)';if(now<steps.length){requestAnimFrame(step)}else{running=false;setTimeout(function(){if(prize!=null){$("#sncode").text(sncode);var type="";if(prize==1){type="一等獎"}else if(prize==2){type="二等獎"}else if(prize==3){type="三等獎"}$("#prizetype").text(type);$("#result").slideToggle(500);$("#outercont").slideUp(500)}else{alert("謝謝您的參與,下次再接再厲")}},200)}}function start(deg){deg=deg||lostDeg[parseInt(lostDeg.length*Math.random())];running=true;clearInterval(timer);totalDeg=360*5 deg;steps=[];now=0;countSteps();requestAnimFrame(step)}window.start=start;outter=document.getElementById('outer');inner=document.getElementById('inner');i=10;$("#inner").click(function(){if(running)return;if(count>=3){alert("您已經抽了 3 次獎。");return}if(prize!=null){alert("親,你不能再參加本次活動了喔!下次再來吧~");return}$.ajax({url:"index.php",dataType:"json",data:{token:"o7MB9ji5fQRsE0ZoVAMU7SlnRyMI",ac:"activityuser",tid:"5",t:Math.random()},beforeSend:function(){running=true;timer=setInterval(function(){i =5;outter.style.webkitTransform='rotate(' i 'deg)';outter.style.MozTransform='rotate(' i 'deg)'},1)},success:function(data){if(data.error=="invalid"){alert("您已經抽了 3 次獎。");count=3;clearInterval(timer);return}if(data.error=="getsn"){alert('本次活動你已經中過獎,本次只顯示你上次抽獎結果!兌獎SN碼為:' data.sn);count=3;clearInterval(timer);prize=data.prizetype;sncode=data.sn;start(prizeDeg[data.prizetype-1]);return}if(data.success){prize=data.prizetype;sncode=data.sn;start(prizeDeg[data.prizetype-1])}else{prize=null;start()}running=false;count },error:function(){prize=null;start();running=false;count },timeout:4000})})});$("#save-btn").bind("click",function(){var btn=$(this);var tel=$("#tel").val();if(tel==''){alert("請輸入手機號碼");return}var regu=/^[1][0-9]{10}$/;var re=new RegExp(regu);if(!re.test(tel)){alert("請輸入正確手機號碼");return}var submitData={tid:5,code:$("#sncode").text(),tel:tel,action:"setTel"};$.post('index.php?ac=activityuser',submitData,function(data){if(data.success==true){alert("提交成功,謝謝您的參與");return}else{}},"json")}); </script> </body></html>
代碼片段和文件信息
?屬性????????????大小?????日期????時間???名稱
-----------?---------??----------?-----??----
?????文件???????5762??2013-03-23?01:48??大轉盤源代碼\幸運大轉盤抽獎.htm
?????文件?????154511??2013-03-23?01:38??大轉盤源代碼\幸運大轉盤抽獎_files\activity-lottery-1.png
?????文件??????18045??2013-03-23?01:38??大轉盤源代碼\幸運大轉盤抽獎_files\activity-lottery-2.png
?????文件???????7705??2013-03-23?01:38??大轉盤源代碼\幸運大轉盤抽獎_files\activity-style.css
?????文件??????94842??2013-03-23?01:38??大轉盤源代碼\幸運大轉盤抽獎_files\jquery.js
????..A.SH.?????10752??2013-08-05?21:55??大轉盤源代碼\幸運大轉盤抽獎_files\Thumbs.db
?????目錄??????????0??2013-08-05?21:55??大轉盤源代碼\幸運大轉盤抽獎_files
?????目錄??????????0??2013-08-26?16:23??大轉盤源代碼
-----------?---------??----------?-----??----
???????????????291617????????????????????8
-----------?---------??----------?-----??----
?????文件???????5762??2013-03-23?01:48??大轉盤源代碼\幸運大轉盤抽獎.htm
?????文件?????154511??2013-03-23?01:38??大轉盤源代碼\幸運大轉盤抽獎_files\activity-lottery-1.png
?????文件??????18045??2013-03-23?01:38??大轉盤源代碼\幸運大轉盤抽獎_files\activity-lottery-2.png
?????文件???????7705??2013-03-23?01:38??大轉盤源代碼\幸運大轉盤抽獎_files\activity-st
?????文件??????94842??2013-03-23?01:38??大轉盤源代碼\幸運大轉盤抽獎_files\jquery.js
????..A.SH.?????10752??2013-08-05?21:55??大轉盤源代碼\幸運大轉盤抽獎_files\Thumbs.db
?????目錄??????????0??2013-08-05?21:55??大轉盤源代碼\幸運大轉盤抽獎_files
?????目錄??????????0??2013-08-26?16:23??大轉盤源代碼
-----------?---------??----------?-----??----
???????????????291617????????????????????8
評論
共有 條評論