演示网站 冰桶挑战游戏

编写代码

<div>
<div class="grid">
<div class="page" id="loading">
<p>游戏加载中...</p>
<p>关注ALS疾病，从你我开始！</p>
</div>
<div class="page hide" id="index">
<div class="logo"></div>
<p class="txt"><font color="#FF0000">【空中传媒】</font>挑战冰桶，并点名三位好友来挑战。
<br>关怀渐冻人，支持弱势公益。</p>
<div class="btn-wrap">
<button id="btn-play" class="btn btn-main">我要挑战</button>
<button id="btn-detail" class="btn btn-sub">活动详情</button>
<button id="btn-images" class="btn btn-sub">明星湿身照</button>
</div>
</div>
<div class="page hide" id="detail">
<p>朋友们，当你们品尝美食的时候，你是否知道有一群人只能看着津液流淌不止，等待身边的亲人一口一口地喂下；朋友，当你和别人沟通且开怀大笑的时候，是否知道有一群人有口难开，用眼睛一眨一眨交流，眼睛里浸满泪花；朋友，当你们游走古迹美景的时候，是否知道有一群人全身僵硬躺在病床上不能翻身，不能表达苦楚，不能抓挠痛痒，有时就快要不能呼吸……正是这样一群人，他们拥有炙热的灵魂，他们拥有不屈的脊梁，他们拥有聪明的头脑，但他们需要你，需要你的爱和关怀。朋友，你听见他们的呼唤了吗？他们拥有同一个名字叫“渐冻人”（ALS）。我相信在爱的光芒下，他们会慢慢融化，我相信只要坚持就会重生。</p>
<p>“冰桶挑战”，由美国棒球运动员Peter　Frates发起，旨在帮助那些患有“渐冻人症”(ALS)的群体。当前已经在全球流行，国内外部分娱乐巨星、运动员以及IT行业部分大佬均积极参与的同时，并献出爱心捐款。</p>
<p>本游戏旨在：通过游戏虚拟参与冰桶挑战，并点名邀请三个好友将爱心接力！关注渐冻人，从你我开始！</p>
<button class="btn btn-back">返回</button>
</div>
<div class="page hide" id="images">
<p>
<img data-src="vapp/p10.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p2.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p1.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p6.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p4.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p5.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p3.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p11.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p7.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p8.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p9.png" alt="名字">名字
</p>
<p>
<img data-src="vapp/p12.png" alt="名字">名字
</p>
<button class="btn btn-back">返回</button>
</div>
<div class="page hide" id="room">
<div id="d-sex" class="dialog hide">
<div class="inner d-sex">
<p>选择您的形象</p>
<div class="m" data-sex="m">
<img src="vapp/m.png">
</div>
<div class="f" data-sex="f">
<img src="vapp/f.png">
</div>
</div>
</div>
<div id="d-over" class="dialog d-over hide">
<div class="share-arrow"></div>
<div class="inner d-over">
<p class="t1"><em id="final-score">100升</em>冰水桶</p>
<p class="t2">挑战成功</p>
<div class="body clearfix">
<div class="r" id="d-over-role">
<img src="">
</div>
<div class="input-area">
<p>输入你要邀请挑战的
<br>3名好友名字</p>
<input type="text"/>
<input type="text"/>
<input type="text"/>
<button id="btn-ok" class="btn btn-ok">分享至朋友圈</button> <a href="javascript:;" id="btn-retry">重新挑战</a> <a href="http://game.ikongzhong.cn">更多游戏</a>
</div>
</div>
</div>
</div>
<div class="main">
<header><span id="score">水量：<em>0</em></span> <span id="time">时间：<em>10</em></span>
</header>
<div class="water-wrap"><span id="water"></span>
</div>
<div id="bucket"></div>
<div class="role"></div><a href="javascript:;" id="btn-click">快速点击增加水量</a>
</div>
</div>
</div>
<script src="js/main.js"></script>
<script src="js/libs.js"></script>
<script src="js/tt.js"></script>
<script language=javascript>

注册免费下载