-
大小: 0.21M文件類型: .rar金幣: 1下載: 0 次發(fā)布日期: 2021-01-30
- 語(yǔ)言: JavaScript
- 標(biāo)簽: 抽獎(jiǎng)??
資源簡(jiǎn)介
網(wǎng)頁(yè)版
html5網(wǎng)頁(yè)抽獎(jiǎng)代碼
<!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="樂(lè)享微信"> <title>幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)</title> <link href="./幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_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="./幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files/activity-lottery-1.png" width="310px"></div> </div> <div id="inner-cont"> <div id="inner"><img src="./幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_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>恭喜你中獎(jiǎng)了</span></div> <div class="Detail"> <a class="ui-link" id="opendialog" style="display: none;" data-rel="dialog"></a> <p>你中了:<span class="red" id="prizetype">一等獎(jiǎng)</span></p> <p>你的兌獎(jiǎng)SN碼:<span class="red" id="sncode"></span></p> <p class="red">本次兌獎(jiǎng)碼已經(jīng)關(guān)聯(lián)你的微信號(hào),你可向公眾號(hào)發(fā)送 兌獎(jiǎng) 進(jìn)行查詢!</p> <p> <input name="" class="px" id="tel" type="text" placeholder="輸入您的手機(jī)號(hào)碼"> </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>獎(jiǎng)項(xiàng)設(shè)置:</span></div> <div class="Detail"> <p>一等獎(jiǎng):網(wǎng)時(shí)獎(jiǎng)勵(lì)200小時(shí) 。獎(jiǎng)品數(shù)量:3 </p> <p>二等獎(jiǎng):網(wǎng)時(shí)獎(jiǎng)勵(lì)100小時(shí) 。獎(jiǎng)品數(shù)量:5 </p> <p>三等獎(jiǎng):廣播臺(tái)免費(fèi)點(diǎn)首歌 。獎(jiǎng)品數(shù)量:10 </p> </div> </div> </div> <div class="boxcontent boxyellow"> <div class="box"> <div class="title-green">活動(dòng)說(shuō)明:</div> <div class="Detail"> <p>本次活動(dòng)每人可以轉(zhuǎn) 3 次 </p> <p> 我們的中獎(jiǎng)率高達(dá)33.3%!! </p> </div> </div> </div> </div> </div> <script src="./幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_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="一等獎(jiǎng)"}else if(prize==2){type="二等獎(jiǎng)"}else if(prize==3){type="三等獎(jiǎng)"}$("#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("您已經(jīng)抽了 3 次獎(jiǎng)。");return}if(prize!=null){alert("親,你不能再參加本次活動(dòng)了喔!下次再來(lái)吧~");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("您已經(jīng)抽了 3 次獎(jiǎng)。");count=3;clearInterval(timer);return}if(data.error=="getsn"){alert('本次活動(dòng)你已經(jīng)中過(guò)獎(jiǎng),本次只顯示你上次抽獎(jiǎng)結(jié)果!兌獎(jiǎng)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("請(qǐng)輸入手機(jī)號(hào)碼");return}var regu=/^[1][0-9]{10}$/;var re=new RegExp(regu);if(!re.test(tel)){alert("請(qǐng)輸入正確手機(jī)號(hào)碼");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>
代碼片段和文件信息
?屬性????????????大小?????日期????時(shí)間???名稱
-----------?---------??----------?-----??----
?????文件???????5762??2013-03-23?01:48??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng).htm
?????文件?????154511??2013-03-23?01:38??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\activity-lottery-1.png
?????文件??????18045??2013-03-23?01:38??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\activity-lottery-2.png
?????文件???????7705??2013-03-23?01:38??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\activity-style.css
?????文件??????94842??2013-03-23?01:38??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\jquery.js
????..A.SH.?????10752??2013-08-05?21:55??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\Thumbs.db
?????目錄??????????0??2013-08-05?21:55??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files
?????目錄??????????0??2013-08-26?16:23??大轉(zhuǎn)盤(pán)源代碼
-----------?---------??----------?-----??----
???????????????291617????????????????????8
-----------?---------??----------?-----??----
?????文件???????5762??2013-03-23?01:48??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng).htm
?????文件?????154511??2013-03-23?01:38??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\activity-lottery-1.png
?????文件??????18045??2013-03-23?01:38??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\activity-lottery-2.png
?????文件???????7705??2013-03-23?01:38??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\activity-st
?????文件??????94842??2013-03-23?01:38??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\jquery.js
????..A.SH.?????10752??2013-08-05?21:55??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files\Thumbs.db
?????目錄??????????0??2013-08-05?21:55??大轉(zhuǎn)盤(pán)源代碼\幸運(yùn)大轉(zhuǎn)盤(pán)抽獎(jiǎng)_files
?????目錄??????????0??2013-08-26?16:23??大轉(zhuǎn)盤(pán)源代碼
-----------?---------??----------?-----??----
???????????????291617????????????????????8
評(píng)論
共有 條評(píng)論