<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>圣诞点灯游戏</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta http-equiv="cache-control" content="no-transform"/>
<meta content="telephone=no" name="format-detection">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<link href="css/css.css" rel="stylesheet" type="text/css">
<!-- 飘雪样式 -->
<link href="css/snow.css" rel="stylesheet" type="text/css">
<!-- 飘雪样式 -->
<script src="js/jquery-1.8.0.min.js"></script>
<!--<script type="text/javascript" src="js/init.min.js"></script>-->
<script type="text/javascript">
window.location.href="#p8"; /*页面加载跳转语句*/
$(document).ready(function(){
$('.close1').click(function(){
$('#mcover1').css('display','');
})
$('.close2').click(function(){
$('#mcover2').css('display','');
$('#mcover2').css('display','');
$('#mcover3').css('display','');
$('#mcover4').css('display','');
$('#mcover5').css('display','');
$('#mcover_wdlp').css('display','');
$('#mcover_dd').css('display','');
})
$('.qx').click(function(){
$('#mcover4').css('display','');
})
})
</script>
<style>
.hide{display:none!important;}
</style>
<script>
function loading()
{
$("#popload").addClass("hide");
}
</script>
</head>
<body onLoad="loading()">
<!--音乐-->
<div class="video_exist play_yinfu" id="audio_btn" style="display: block;">
<div id="yinfu" class="rotate"></div>
<audio preload="" autoplay="" id="media" src="song.mp3" loop></audio>
</div>
<script type="text/javascript">
<!--音乐-->
$('#audio_btn').click(function(){
var audioEle = $("#media")[0];
if($(this).attr('class').indexOf('off') > 0){
$(this).removeClass('off').addClass('play_yinfu');
$('#yinfu').addClass('rotate');
audioEle.play();
}else{
$(this).removeClass('play_yinfu').addClass('off');
$('#yinfu').removeClass('rotate');
audioEle.pause();
}
});
<!--音乐-->
</script>
<!-- 加载中...[[ -->
<div class="popload" id="popload">
<div class="popload-main">
<span class="popload-main-ico"></span>
<p class="popload-main-txt">疯狂加载中...</p>
</div>
</div>
<!-- 加载中...]] -->
<!--查礼品-->
<div id="mcover1" style="display:none;">
<div class="ydxz">
<div class="title"><img src="img/clp.png"></div>
<div class="cons_ck">
<div class="top">
<p>请在以下礼品中任选一件：</p>
<span><img src="img/dyc.png"></span>
</div>
<div class="middle">
<ul>
<li>
<h1>1、礼品一</h1>
<span class="lq"><a style=" background:#FF0; color:#000;">领 取</a></span></li>
<li>
<h1>2、礼品二</h1>
<span class="lq_"><a style="background:#ccc; color:#555;">领 取</a></span></li>
<li>
<h1>3、礼品三</h1>
<span class="lq_"><a style="background:#ccc; color:#555;">领 取</a></span></li>
</ul>
<p>目前已经有<i>10</i>人为您点灯了，还需<i>90</i>人帮你点灯，就能获得相应的礼物了！</p>
</div>
<div class="bottom"> <img src="img/fgx.png"></div>
<div class="top">
<p>请在以下礼品中任选一件：</p>
<span><img src="img/dec.png" ></span>
</div>
<div class="middle">
<ul>
<li>
<h1>1、礼品一</h1>
<span class="lq_"><a style="background:#ccc; color:#555;">领 取</a></span></li>
<li>
<h1>2、礼品二</h1>
<span class="lq_"><a style="background:#ccc; color:#555;">领 取</a></span></li>
<li>
<h1>3、礼品三</h1>
<span class="lq_"><a style="background:#ccc; color:#555;">领 取</a></span></li>
</ul>
<p>目前已经有<i>10</i>人为您点灯了，还需<i>90</i>人帮你点灯，就能获得相应的礼物了！</p>
</div>
<div class="bottom"> <img src="img/fgx.png"></div>
<div class="top">
<p>请在以下礼品中任选一件：</p>
<span><img src="img/dsc.png"></span>
</div>
<div class="middle">
<ul>
<li>
<h1>1、礼品一</h1>
<span class="lq_"><a style="background:#ccc; color:#555;">领 取</a></span></li>
<li>
<h1>2、礼品二</h1>
<span class="lq_"><a style="background:#ccc; color:#555;">领 取</a></span></li>
<li>
<h1>3、礼品三</h1>
<span class="lq_"><a style="background:#ccc; color:#555;">领 取</a></span></li>
</ul>
<p>目前已经有<i>10</i>人为您点灯了，还需<i>90</i>人帮你点灯，就能获得相应的礼物了！</p>
</div>
</div>
<div class="bot"><img src="img/bot.png"></div>
</div>
<div class="close1"><img src="img/close.png"></div>
</div>
<!--查礼品-->
<!--我的礼品-->
<div id="mcover_wdlp" style="display:none;">
<div class="ydxz">
<div class="title"><img src="img/clp.png"></div>
<div class="cons" style="background:#9ec0ba url(../img/logo.png) no-repeat right bottom;">
<p>您已获得以下礼品：</p>
<ul>
<li>1.礼品一</li>
<li>1.礼品一</li>
</ul>
</div>
<div class="bot"><img src="img/bot.png"></div>
</div>
<div class="close2"><img src="img/close.png"></div>
</div>
<!--我的礼品-->
<!--看说明-->
<div id="mcover2" style="display:none;">
<div class="share"><img src="img/share.png"></div>
<div class="ydxz">
<div class="title"><img src="img/ksm.png"></div>
<div class="cons">
<p>点击右上角图标分享给您的小伙伴，邀请您的小伙伴们帮您点亮圣诞树上的彩灯吧。每人只能点亮一盏哦。点亮一定盏数，可获得相应的礼物哦。你还在等什么。</p>
</div>
<div class="bot"><img src="img/bot.png"></div>
</div>
<div class="close2"><img src="img/close.png"></div>
</div>
<!--看说明-->
<!--我的树-->
<div id="mcover3" style="display:none;">
<div class="ydxz">
<div class="title"><img src="img/wds.png"></div>
<div class="cons_wds">
<div class="text">
<ul>
<li>您于2015年12月1日签到，连续签到<i>1</i>天;</li>
<li>连续签到<i>10</i>天，可获得一下礼品：</li>
<li><a>礼品一</a></li>
</ul>
<div class="qiandao"><img src="img/qd.png"></div>
</div>
</div>
<div class="bot"><img src="img/bot.png"></div>
</div>
<div class="close2"><img src="img/close.png"></div>
</div>
<!--我的树-->
<!--领取礼物-->
<div id="mcover4" style="display:none;">
<div class="ydxz">
<div class="title"><img src="img/lqlw.png"></div>
<div class="cons">
<p>温馨提醒：您已选择 <i>礼物一</i> </p>
<p>请输入手机号码：<input name="tel" type="number"></p>
<div class="qq">
<ul>
<li><a class="qrlq">确 认</a></li>
<li><a class="qx">取 消</a></li>
</ul>
</div>
</div>
<div class="bot"><img src="img/bot.png"></div>
</div>
<div class="close2"><img src="img/close.png"></div>
</div>
<div id="mcover5" style="display:none;">
<div class="ydxz">
<div class="title"><img src="img/lqlw.png"></div>
<div class="cons">
<p>恭喜您已成功领取奖品！</p>
<div class="wdlp"><a style="t
html5微信圣诞节点灯送礼专题模板_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
180 浏览量
2023-08-02
12:14:15
上传
评论
收藏 14.67MB ZIP 举报
html5微信圣诞节点灯送礼专题模板_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （82个子文件） 
song.mp3 3.93MB
Snow 
jbSVFgy.png 3KB snow2.png 3KB snow1.png 6KB TT2lmN4.png 4KB 3BxEO8i.png 3KB do8589m.png 4KB
main.html 14KB merry christmas.mp3 415KB js jquery-1.8.0.min.js 91KB img present8.png 9KB lqlw.png 62KB present1.png 7KB lq.png 5KB tree_b.png 1.31MB ksm.png 62KB tree.png 1.3MB present1_.png 30KB dsc.png 8KB present3.png 9KB qd.png 94KB nav4_.png 29KB present6_.png 31KB nav1.png 22KB logo.png 99KB clp.png 62KB ts.png 68KB star_sun.png 62KB present3_.png 31KB bg_test.png 327KB wds.png 63KB sun_present.png 29KB floor.png 35KB bot.png 26KB star_.png 65KB present5.png 9KB dyc.png 7KB share.png 27KB ldd.png 62KB present2.png 12KB
gzy.jpg 103KB qiandao.html 604B present8_.png 33KB lq_.png 5KB bg.jpg 84KB black01.png 5KB present7_.png 33KB nav4.png 27KB sg.png 64KB bg.png 166KB close.png 7KB fgx.png 12KB tree_r1.png 1.33MB qd1.png 27KB bright01.png 17KB tree_r2.png 1.35MB
3.gif 1.05MB qd_.png 93KB load.gif 5KB tree_r3.png 1.39MB bgs1.jpg 176KB bgs2.jpg 172KB dec.png 7KB present2_.png 34KB star.png 22KB present4_.png 34KB sun.png 32KB present4.png 13KB present5_.png 33KB nav3.png 24KB present6.png 7KB nav2.png 24KB present7.png 11KB css css.css 32KB snow.css 1KB index.html 3KB images music_off.png 3KB music.gif 8KB load.gif 5KB sound notify.mp3 10KB notify.wav 108KB notify.ogg 17KB资源评论
