<!DOCTYPE html>
<html lang="zh-cmn-Hans" style="font-size: 16.15px;">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<title>HTML5手机砸金蛋抽奖代码</title>
<script>
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 5 * (clientWidth / 100) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
<style>
.portrait body div.landscape{ display: none !important; }
.landscape body div.landscape{ display: block !important; }
.loading{position:fixed;z-index:999;top:0;left:0;display:table;width:100%;height:100%;background:#93167b;color:#cbe8b2;text-align:center}.loading .loader{display:table-cell;vertical-align:middle}.loading .loader span{position:relative;display:inline-block;margin-bottom:.5rem;border-top:.3rem solid hsla(0,0%,100%,.2);border-right:.3rem solid hsla(0,0%,100%,.2);border-bottom:.3rem solid hsla(0,0%,100%,.2);border-left:.3rem solid #fff;-webkit-animation:load 1s infinite linear;animation:load 1s infinite linear}.loading .loader span,.loading .loader span:after{width:2.8rem;height:2.8rem;border-radius:50%}@-webkit-keyframes load{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
</style>
<link rel="stylesheet" type="text/css" href="css/style2.css">
</head>
<body onload="init();">
<!--loading-->
<div id="loading" class="loading">
<div class="loader">
<span></span>
<p id="loadtext">Loading...</p>
</div>
</div>
<!--//loading-->
<div class="gamebox">
<div class="stage">
<img src="images/stage.png" style="display: block;">
<div class="lanren">
<div class="agg"></div>
<div class="agg"></div>
<div class="agg"></div>
</div>
<!--中奖-->
<div class="winBox" style="display: none;">
<img src="">
</div>
</div>
<div class="footer">
<p>已有 <span>1000</span> 人参与<br>您今天还有 <span id="chance">0</span> 次抽奖机会</p>
</div>
</div>
<!--活动说明-->
<div class="jn-box" style="display: none;">
<span class="btn-close">×</span>
<div id="tabs" class="tabs">
<strong class="current"><span>活动说明</span></strong>
<strong><span>我的奖品</span></strong>
</div>
<div id="tabs-body" class="tabsbox">
<div>
<h4>活动时间</h4>
<p>2016年12月7日—2016年12月9日20：00</p>
<h4>活动奖品：共计1009项</h4>
<p>一等奖：1万元定制精装抵用券 ［1名］</p>
<p>一等奖：1万元定制精装抵用券 ［1名］</p>
<p>二等奖：5000元定制精装抵用券 ［3名］</p>
<p>三等奖：2000元定制精装抵用券 ［5名］</p>
<p>四等奖：电影票1张 ［500名］</p>
<p>五等奖：星巴克兑换券1张 ［500名］</p>
<p>注：本次活动“定制精装抵用券”奖品仅适用于华发股份在珠海地区的华发山庄、华发水岸、华发又一城、华发城建未来荟项目，抵用券有效期至2016年12月31日止，不可折现。</p>
<h4>主办单位</h4>
<p>本次活动主办单位为珠海华发股份实业有限公司、珠海华发景龙建设有限公司。<br/>主办单位在法律允许的范围内拥有活动的最终解释权</p>
<h4>活动及兑奖</h4>
<p>每个微信号每日3次抽奖机会<br/>
2016年12月10日—12月18日，获奖用户可凭兑奖码在华发商都C馆一楼华发城市生活馆进行奖品兑换。
</p>
<h4>后台中奖设置</h4>
<p>活动期间，每个微信号最多能够抽取一次奖品。</p>
<h4>奖品核销</h4>
<p>通过销售顾问线下手机扫码进行奖品核销。</p>
</div>
<div style="display: none; padding-bottom: 4rem; position: relative;">
<div class="Prize">
<p>五等奖：星巴克兑换券1张</p>
<p>兑奖日期：2016年12月10日—12月18日</p>
<p style="color: #c09735;">不可折现</p>
<div>未兑奖</div>
<img src="images/biaojiao.png">
</div>
<div class="Prize">
<p>五等奖：星巴克兑换券1张</p>
<p>兑奖日期：2016年12月10日—12月18日</p>
<p style="color: #c09735;">不可折现</p>
<div>未兑奖</div>
<img src="images/biaojiao.png">
</div>
<div class="Prize">
<p>五等奖：星巴克兑换券1张</p>
<p>兑奖日期：2016年12月10日—12月18日</p>
<p style="color: #c09735;">不可折现</p>
<div>未兑奖</div>
<img src="images/biaojiao.png">
</div>
<div class="Prize">
<p>五等奖：星巴克兑换券1张</p>
<p>兑奖日期：2016年12月10日—12月18日</p>
<p style="color: #c09735;">不可折现</p>
<div>未兑奖</div>
<img src="images/biaojiao.png">
</div>
<div class="footer-btn">
<button id="btn-qrcode" class="btn btn-qrcode">关注我们</button>
</div>
</div>
</div>
</div>
<!--没中-->
<div id="sorryBox" class="sorryBox" style="display: none;">
<div>
<img src="images/sorry.png" style="margin-bottom: 10%;">
<button id="start-again" class="btn">再来一次</button>
<button class="btn btn-qrcode">关注我们</button>
</div>
</div>
<!--登记-->
<div id="fromBox" class="fromBox" style="display: none;">
<div>
<img src="images/dj-header.png">
<div class="from">
<input type="text" id="username" placeholder="输入姓名">
<input type="tel" id="telphone" placeholder="输入手机号">
<div class="clearfix">
<input type="text" placeholder="填写验证码">
<button id="btn-getcode" class="btn">获取验证码</button>
</div>
</div>
<button id="btn-lq" class="btn">领取</button>
</div>
</div>
<!--关注我们二维码-->
<div class="qrcodeBox" style="display: none;">
<div>
<img src="images/qrcode.png">
<span class="qr-close">×</span>
</div>
</div>
<img src="images/jingnan.png" class="acePack">
<div class="landscape" style="display: none">
<div><img src="images/fpts.png"></div>
</div>
<img src="images/musicIocn.png" id="music" class="music">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/preloadjs-NEXT.min.js"></script>
<script src="js/soundjs-NEXT.min.js"></script>
<script>
var chance = 5; //砸蛋次数
function init() {
var assetsPath = "images/";
manifest = [
{id: "bgMusic", src: "music.ogg"},
{id: "img01", src: "agg.png"},
{id: "img02", src: "agg-puo.png"},
{id: "img03",
HTML5手机砸金蛋抽奖代码.zip （18个子文件） 
js 
preloadjs-NEXT.min.js 55KB soundjs-NEXT.min.js 58KB jquery.min.js 82KB css style2.css 12KB
index.html 14KB images music.ogg 236KB
stage.png 138KB dj-header.png 34KB hammer.png 11KB jingnan.png 11KB agg-puo.png 20KB qrcode.png 52KB musicIocn.png 990B
bg.jpg 50KB biaojiao.png 3KB agg.png 14KB fpts.png 31KB sorry.png 48KB资源评论
码云笔记
- 粉丝: 3w+
- 资源: 5850
最新资源
- 使用C++实现的常见算法
- travel-web-springboot【程序员VIP专用】.zip
- 基于Matlab, ConvergeCase中部分2D结果文件输出至EXCEL中 能力有限，代码和功能极其简陋.zip
- java桌面小程序，主要为游戏.zip学习资源
- Java桌面-坦克大战小游戏.zip程序资源
- java语言做的魔板小游戏.zip
- 初学JAVA制作的坦克大战小游戏，使用JAVA 的GUI模拟2,5D界面.zip
- 公开整理-2024年832个国家级贫困县摘帽情况分省分年统计.xlsx
- 纯js+Jquery实现2048游戏
- 叠罗汉游戏，安卓java实现，自定义Framlayout,属性动画.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
