html5微信圣诞节点灯送礼专题模板.zip资源-CSDN文库

共82个文件

png：63个

gif：4个

jpg：4个

52 浏览量 2024-04-15 02:43:56 上传评论收藏 14.67MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

html5微信圣诞节点灯送礼专题模板.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

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

<!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"> 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

评论收藏

内容反馈