123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304 |
- <!DOCTYPE html>
- <html id="index-page" class=" js no-mobile desktop no-ie ff ff34 root-section gradient rgba opacity textshadow multiplebgs boxshadow borderimage borderradius no-cssreflections csstransforms csstransitions no-touch no-retina fontface domloaded w-1366 gt-240 gt-320 gt-480 gt-640 gt-768 gt-800 gt-1024 gt-1280 lt-1440 lt-1680 lt-1920 no-portrait landscape" lang="zh-CN"><head>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <meta charset="UTF-8">
- <title>在外漂泊的你,春节早点回家</title>
- <meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <meta name="format-detection" content="telephone=no">
- <link rel="stylesheet" href="images/index.css"><script src="images/index.js" type="text/javascript"></script><link href="images/icon.css" rel="stylesheet" type="text/css"><link href="images/p0.css" rel="stylesheet" type="text/css"><link href="images/p1.css" rel="stylesheet" type="text/css"><link href="images/p2.css" rel="stylesheet" type="text/css"><link href="images/p3.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <div class="container">
- <div class="loading-wrap">
- <i class="part loading hardWare eleCircle"></i>
- <span class="part loading-text"></span>
- </div>
- <ul class="content-list">
- <li style="height: 641px;" class="content-li">
- <div class="page p0">
- <div class="part p0__bubble riseUp"></div>
- <div class="part p0__t_1 riseUp"></div>
- <div class="part p0__t_2 riseUp"></div>
- <div class="part p0__t_3 riseUp"></div>
- </div>
- </li>
- <li style="height: 641px;" class="content-li">
- <div class="page p1">
- <div class="part flip-container p1__main">
- <div class="flipper p1__flipper">
- <div class="front">
- <div class="f_img p1__f_img"></div>
- </div>
- <div class="back">
- <div class="b_img p1__b_img"></div>
- </div>
- </div>
- </div>
- <div class="part of p1__of">
- <div class="part p1__f_des"></div>
- <div class="part p1__f_dialogue">
- <span class="part avatar avatar_1 p1__f_avatar_1"></span>
- <span class="part bubble_l p1__f_bubble_1"></span>
- </div>
- <div class="part p1__f_1"></div>
- <div class="part p1__f_2"></div>
- <div class="part band p1__f_band"></div>
- </div>
- <div class="part ob p1__ob">
- <div class="part p1__b_des"></div>
- <div class="part p1__b_dialogue">
- <span class="part avatar avatar_2 p1__b_avatar_1"></span>
- <span class="part avatar avatar_1 p1__b_avatar_2"></span>
- <span class="part bubble_r p1__b_bubble_1"></span>
- <span class="part bubble_l p1__b_bubble_2"></span>
- </div>
- <div class="part p1__b_1"></div>
- <div class="part p1__b_2"></div>
- <div class="part band p1__b_band"></div>
- </div>
- </div>
- </li>
- <li style="height: 641px;" class="content-li">
- <div class="page p2">
- <div class="part flip-container p2__main">
- <div class="flipper p2__flipper">
- <div class="front">
- <div class="f_img p2__f_img"></div>
- </div>
- <div class="back">
- <div class="b_img p2__b_img"></div>
- </div>
- </div>
- </div>
- <div class="part of p2__of">
- <div class="part p2__f_des"></div>
- <div class="part p2__f_dialogue">
- <span class="part avatar avatar_3 p2__f_avatar_1"></span>
- <span class="part bubble_l p2__f_bubble_1"></span>
- </div>
- <div class="part p2__f_1"></div>
- <div class="part p2__f_2"></div>
- <div class="part band p2__f_band"></div>
- </div>
- <div class="part ob p2__ob">
- <div class="part p2__b_des"></div>
- <div class="part p2__b_dialogue">
- <span class="part avatar avatar_4 p2__b_avatar_1"></span>
- <span class="part avatar avatar_3 p2__b_avatar_2"></span>
- <span class="part bubble_l p2__b_bubble_1"></span>
- <span class="part bubble_r p2__b_bubble_2"></span>
- </div>
- <div class="part p2__b_1"></div>
- <div class="part p2__b_2"></div>
- <div class="part band p2__b_band"></div>
- </div>
- </div>
- </li>
- <li style="height: 641px;" class="content-li">
- <div class="page p3">
- <div class="part flip-container p3__main">
- <div class="flipper p3__flipper">
- <div class="front">
- <div class="f_img p3__f_img"></div>
- </div>
- <div class="back">
- <div class="b_img p3__b_img"></div>
- </div>
- </div>
- </div>
- <div class="part of p3__of">
- <div class="part p3__f_des"></div>
- <div class="part p3__f_dialogue">
- <span class="part avatar avatar_5 p3__f_avatar_1"></span>
- <span class="part avatar avatar_6 p3__f_avatar_2"></span>
- <span class="part avatar avatar_5 p3__f_avatar_3"></span>
- <span class="part avatar avatar_6 p3__f_avatar_4"></span>
- <span class="part bubble_l p3__f_bubble_1"></span>
- <span class="part bubble_r p3__f_bubble_2"></span>
- <span class="part bubble_l p3__f_bubble_3"></span>
- <span class="part bubble_r p3__f_bubble_4"></span>
- </div>
- <div class="part p3__f_1"></div>
- <div class="part p3__f_2"></div>
- <div class="part band p3__f_band"></div>
- </div>
- <div class="part ob p3__ob">
- <div class="part p3__b_des"></div>
- <div class="part p3__b_dialogue">
- <span class="part avatar avatar_7 p3__b_avatar_1"></span>
- <span class="part avatar avatar_6 p3__b_avatar_2"></span>
- <span class="part avatar avatar_7 p3__b_avatar_3"></span>
- <span class="part bubble_l p3__b_bubble_1"></span>
- <span class="part bubble_r p3__b_bubble_2"></span>
- <span class="part bubble_l p3__b_bubble_3"></span>
- </div>
- <div class="part p3__b_1"></div>
- <div class="part p3__b_2"></div>
- <div class="part band p3__b_band"></div>
- </div>
- </div>
- </li>
- <li style="height: 641px;" class="content-li">
- <div class="page p4">
- <div class="part p4__t_1"></div>
- <div class="part p4__t_2"></div>
- <div class="part p4__t_3"></div>
- <div class="part p4__hourglass"></div>
- <div class="part p4__t_4"></div>
- </div>
- </li>
- <li style="height: 641px;" class="content-li">
- <div class="page p5">
- <div style="top: -68.5px; height: 73.5px;" class="part p5__extra"></div>
- <div class="part p5__t_1"></div>
- <div class="part p5__t_2"></div>
- <div class="part p5__t_3"></div>
- <div class="part p5__t_4"></div>
- <div class="part p5__lantern"></div>
- <div class="part p5__act-wrap">
- <p class="part p5__p">请您按下手印<br>一起坚持”春节回家陪爸妈“行动</p><p>
- </p><div class="part p5__print-wrap">
- <i class="part p5__print"></i>
- <i class="part p5__scanner scanner"></i>
- </div>
- </div>
- </div>
- </li>
- <li style="height: 641px;" class="content-li">
- <div class="page p6">
- <div style="top: -68.5px; height: 73.5px;" class="part p6__extra"></div>
- <p class="part p6__p" style="">您是第<span class="p6__number">1476052</span>位参与者
- </p><p>
- <span class="part p6__share-btn">邀请好友</span>
- </p></div>
- <div class="share-mask">
- <span class="share-guide"></span>
- </div>
- </li>
- </ul>
- <div class="part notice-swipe-up swipeMove"></div>
- <div class="part speaker" style="display:none;"></div>
- <audio id="audio" src="images/bgm.mp3" loop="" preload="auto" autoplay="autoplay"></audio>
- </div>
- <script src="images/hm.js"></script><script src="images/zepto.js"></script>
- <script src="images/jsapi_share.js"></script>
- <script src="images/head.js"></script>
- <script>
- $(document).ready(function () {
- var sUserAgent = navigator.userAgent.toLowerCase();
- var bIsAndroid = sUserAgent.match(/android/i) == "android";
- var indexAndroid = sUserAgent.indexOf("android");
- var androidVersion = parseFloat(sUserAgent.slice(indexAndroid + 8));
- if (bIsAndroid && androidVersion < 3) {
- head.load("js/index_2.js", "css/icon.css","css/p0_2.css", "css/p1_2.css", "css/p2_2.css", "css/p3_2.css", function () {
- var imgPre = preImg(".p1__f_img");
- imgPre.onload = function () {
- $(".loading-wrap").css("display", "none");
- head.load("css/p4_2.css", "css/p5_2.css", "css/p6_2.css", function () {
- var imgShare = preImg(".share-guide");
- imgShare.onload = function () {
- $(".share-mask").css("display", "none");
- }
- });
- };
- });
- } else {
- head.load("js/index.js","css/icon.css", "css/p0.css", "css/p1.css", "css/p2.css", "css/p3.css", function () {
- var imgPre = preImg(".p1__f_img");
- imgPre.onload = function () {
- $(".loading-wrap").css("display", "none");
- var audio = document.querySelector("audio");
- audio.oncanplay = playmusic();
- var firsttaped = 0;
- function playmusic(){
- $('html').on('touchstart',function(){
- if(firsttaped == 0){
- audio.play();
- firsttaped = 1;
- }
- });
- }
- $(".speaker").css("display","block");
- head.load("css/p4.css", "css/p5.css", "css/p6.css", function () {
- var imgShare = preImg(".share-guide");
- imgShare.onload = function () {
- $(".share-mask").css("display", "none");
- }
- });
- };
- });
- }
- // localStorage.removeItem("timer");
- var timer= localStorage?localStorage.getItem("timer"):"";
- var title="在外漂泊的你,春节早点回家";
- var desc = "我坚持“春节回家陪爸妈”\n♥立即参与>>♥";
- if(timer && !isNaN(parseInt(timer))){
- $(".p6__number").html(timer);
- $(".part.p6__p").show();
- title="我坚持“春节回家陪爸妈”♥是第"+timer+"位参与者,马上加入";
- shaketv.wxShare('http://dl.game.35go.net/weixin/yxkw/cj/img/thumb-logo.png',title,desc);
- }else{
- var start = new Date('2014/11/25').getTime();
- var now = new Date().getTime();
- var s = parseInt((now - start) / 1000 * 1.1574074074074074 + 10000);
-
- $(".p6__number").html(s);
- $(".part.p6__p").show();
- title="我坚持“春节回家陪爸妈”♥是第"+s+"位参与者,马上加入";
- $(".p5__print-wrap").on('tap',function(){
- if(localStorage){
- localStorage.setItem("timer",s);
- }
- });
- $(".p5__print-wrap").on('longTap',function(){
- if(localStorage){
- localStorage.setItem("timer",s);
- }
- });
- shaketv.wxShare('http://dl.game.35go.net/weixin/yxkw/cj/img/thumb-logo.png',title,desc);
- }
- });
- window.onresize = function(){
- $(".content-li").each(function () {
- $(this).css("height", $(window).height());
- });
- screenHeight = $(window).height();
- };
- setTimeout(function(){
- $(window).resize();
- },1000);
- </script>
- <script>
- var _hmt = _hmt || [];
- (function() {
- var hm = document.createElement("script");
- hm.src = "//hm.baidu.com/hm.js?3eaf4a355701cca0040cafeb77785cc1";
- var s = document.getElementsByTagName("script")[0];
- s.parentNode.insertBefore(hm, s);
- })();
- </script>
- </body></html>
|