大转盘抽奖jqurey版，ajax可连接自己的开发语言，源码只提供htm5前端代码资源-CSDN文库

共15个文件

png：8个

js：4个

css：2个

大转盘抽奖

5星 · 超过95%的资源需积分: 12 27 浏览量 2018-01-30 14:55:46 上传评论收藏 241KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

大转盘转不停的html5源码.zip （15个子文件）

转不停

css

animate.min.css 55KB

award.css 21KB

img

back1.png 6KB

bottom_shadow.png 6KB

rule_title.png 1KB

back.png 95KB

img_2.png 3KB

turnplate-pointer_2.png 11KB

img_1.png 18KB

turnplate-bg_2.png 22KB

index.html 4KB

jquery.min.js 91KB

mui.min.js 151KB

award.js 9KB

awardRotate.js 11KB

<html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <title>现金转不停</title> <link href="css/award.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="css/animate.min.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head> <body style=""> <input type="hidden" name="gamed" id="gamed" value="{{gamed}}"> <input type="hidden" name="gameState" id="gameState" value="{{gameState}}"> <input type="hidden" name="cardCode" id="cardCode" value="{{cardCode}}"> <input type="hidden" name="mId" id="mId" value="{{mId}}">  <div class="ml-main" id="ml-main"> <img class="main_back" src="img/back.png"> <img class="animated zoomIn img_2_1" src="img/img_1.png"> <img class="animated bounceIn img_2_2" src="img/img_2.png"> <div class="kePublic">  <div style="margin:0 auto"> <div class="banner"> <div class="turnplate" style="background-image:url(img/turnplate-bg_2.png);background-size:100% 100%;font-size:24px !important;"> <canvas class="item" id="wheelcanvas" width="516" height="516"></canvas> <img id="tupBtn" class="pointer" src="img/turnplate-pointer_2.png"> </div> </div> </div>  <div class="clear"></div> </div> <img class="bottom_shadow" src="img/bottom_shadow.png"> <img class="animated zoomIn kePublic_back" src="img/back1.png">  <div class="record_line" id="Marquee"> <div id=""> 恭喜 159****3540 的用户抽中 <span id="gift_coupon">200元现金代金券</span> </div><div id=""> 恭喜 159****3540 的用户抽中 <span id="gift_coupon">200元现金代金券</span> </div></div>  <img class="rule_title" src="img/rule_title.png"> <div class="rule_text"> 点击转盘进行抽奖，每人每天可以抽奖一次。<br> 分享还可以再获得一次抽奖机会，抽中的奖品券可以进行核销兑换。 </div> </div>  <div class="zj-main" id="zj-main"> <div class="txzl"> <div class="zj_text"> 中奖啦<br>恭喜获得<span id="jiangpin"></span>一份<br>可在我的券包中查看 </div> <div class="close_zj">关闭</div> </div> </div>  <div class="xxcy-main" id="xxcy-main"> <div class="xxcy"> <div class="xxcy_text"> 很遗憾<br>没有抽中礼品 </div> <div class="close_xxcy">关闭</div> </div> </div> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/mui.min.js"></script> <script type="text/javascript" src="js/awardRotate.js"></script> <script type="text/javascript" src="js/award.js"></script> <script type="text/javascript"> $(function(){ $("img").on("click",function(){ return false; }); document.addEventListener("WeixinJSBridgeReady",function(){ WeixinJSBridge.call('hideOptionMenu'); }); }); </script> </body></html>

评论收藏

内容反馈