-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
148 lines (143 loc) · 7.71 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>好机友徐峥，你在哪</title>
<link rel="stylesheet" type="text/css" href="/Public/static/css/index.css">
</head>
<body>
<div id="audiocontainer" style="display:none">
<audio id="bgsound" loop="loop" preload="" src="/Public/static/sound/bg.mp3" autoplay="autoplay"></audio>
</div>
<div style="display:none">
<audio id="typesound" loop="loop" preload="" src="" class="music_finish"></audio>
</div>
<div id="wrap">
<div id="loading" style="display: none;">
<img id="loading_bg" src="/Public/static/img/loading_bg.png">
<img id="loading_xuzheng" src="/Public/static/img/loading_xuzheng.png">
<img id="loading_star1" src="/Public/static/img/star.png">
<img id="loading_star2" src="/Public/static/img/star1.png">
<img id="loading_txt" src="/Public/static/img/loading_txt.png">
</div>
<div id="word_wrap" style="display: block;">
<div id="word" class="word" style="display: none;">公元9025年<br>外星人为了争夺<br>封印在vivo手机中的神秘能量<br>发起宇宙战乱<br>超人徐峥为了保卫神秘能量<br>带着手机来到浩瀚宇宙中<br>分身成为8个自己<br>分别保卫8块手机碎片<br>消失在太阳系的八大行星中<br>据说找齐徐峥的8个分身<br>就能启动神秘能量保护地球<br>...<br></div>
<img src="/Public/static/img/star2.png" id="word_star1" style="left: 230px; top: 130px; opacity: 0;">
<img src="/Public/static/img/star4.png" id="word_star2" style="opacity: 0;">
<img src="/Public/static/img/star3.png" id="word_star3" style="left: 210px; bottom: 140px; opacity: 0;">
<img src="/Public/static/img/star5.png" id="word_star4" style="left: 70px; opacity: 0;">
<div id="supers" class="supers" style="display: none;">
<img src="/Public/static/img/super_head.png" id="super_head">
<img src="/Public/static/img/super_body1.png" id="super_body">
<img src="/Public/static/img/super_glasses.png" id="glasses">
</div>
<div id="phone_wrap">
<img src="/Public/static/img/phone.png" id="phone" class="phone">
<div id="chip1" class="chip1">
<img src="/Public/static/img/chip1.png">
<img src="/Public/static/img/super_head.png" class="header">
</div>
<div id="chip2" class="chip2">
<img src="/Public/static/img/chip2.png">
<img src="/Public/static/img/super_head.png" class="header">
</div>
<div id="chip3" class="chip3">
<img src="/Public/static/img/chip3.png">
<img src="/Public/static/img/super_head.png" class="header">
</div>
<div id="chip4" class="chip4">
<img src="/Public/static/img/chip4.png">
<img src="/Public/static/img/super_head.png" class="header">
</div>
<div id="chip5" class="chip5">
<img src="/Public/static/img/chip5.png">
<img src="/Public/static/img/super_head.png" class="header">
</div>
<div id="chip6" class="chip6">
<img src="/Public/static/img/chip6.png">
<img src="/Public/static/img/super_head.png" class="header">
</div>
<div id="chip7" class="chip7">
<img src="/Public/static/img/chip7.png">
<img src="/Public/static/img/super_head.png" class="header">
</div>
<div id="chip8" class="chip8">
<img src="/Public/static/img/chip8.png">
<img src="/Public/static/img/super_head.png" class="header">
</div>
<ul id="star">
<img src="/Public/static/img/star11.png" style="opacity: 1; visibility: visible;">
<img src="/Public/static/img/star10.png" style="visibility: visible; opacity: 1;">
<img src="/Public/static/img/star5.png" style="opacity: 1; visibility: visible;">
<img src="/Public/static/img/star9.png" style="opacity: 1; visibility: visible;">
<img src="/Public/static/img/star4.png" style="opacity: 1; visibility: visible;">
<img src="/Public/static/img/star6.png" style="opacity: 1; visibility: visible;">
<img src="/Public/static/img/star7.png" style="opacity: 1; visibility: visible;">
<img src="/Public/static/img/star8.png" style="opacity: 1; visibility: visible;">
</ul>
</div>
</div>
<div id="music_btn">
<img src="/Public/static/img/music_on.png" id="music_on">
<img src="/Public/static/img/music_off.png" id="music_off">
</div>
<a id="up" href="/index/next" style="display: inline;">
<p>找齐徐峥 启动能量</p>
<img src="/Public/static/img/up.png">
</a>
<script src="//hm.baidu.com/hm.js?19b639daf931d9efc4c4b3dc775fd292"></script><script type="text/javascript" defer="" async="" src="//api2.izhida.cn/tongjiV2/index?app_stat_key=jNMDNCKz4Qsr7nnz"></script><script>
</script>
<script>
window.base_resource_url = "/Public/static";
</script>
<script src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
<!-- <script type="text/javascript" src="http://api2.izhida.cn/wechat_js_config?app_id=wx4c3c856ab83a946b&v=1.2.1&api_list=all&app_stat_key=jNMDNCKz4Qsr7nnz"></script> -->
<script type="text/javascript" src="/Public/static/js/index.js"></script>
<script type="text/javascript" src="/Public/static/js/jquery-notify.min.js"></script>
<link rel="stylesheet" type="text/css" href="/Public/static/css/notify.css">
<script>
window.wx && wx.ready(function () {
var wxFriendData = {
'link': 'http://vivo-find.izhida.cn',
'imgUrl': 'http://vivo-find.izhida.cn/Public/static/img/share.jpg',
'title': '我的好机友徐峥，你在哪里 ？',
'desc': '好机友徐峥已被192个包贝尔包围，快来帮帮导演！',
};
var wxTimelineData = {
'link': 'http://vivo-find.izhida.cn',
'imgUrl': 'http://vivo-find.izhida.cn/Public/static/img/share.jpg',
'title': '2015徐峥第二力作：人再囧途之太阳系囧',
trigger: function () {
if (window.find_success) {
if (Math.random() > 0.5) {
this.title = '我用时' + window.score + '秒找到8个徐峥，成了他的好机友！';
} else {
this.title = '我抓到了徐峥8次，抢到了他送的vivo手机！';
}
} else {
if (Math.random() < 0.33) {
this.title = '知乎：从192个包贝尔中找到徐峥是种怎样的体验？';
} else if (Math.random() < 0.66) {
this.title = '傻傻分不清楚，包贝尔和徐峥哪个光头更清楚？';
} else {
this.title = '知乎：从192个包贝尔中找到徐峥是种怎样的体验？';
}
}
}
};
wx.onMenuShareAppMessage(wxFriendData);
wx.onMenuShareTimeline(wxTimelineData);
document.getElementById('bgsound').play();
});
</script>
<!-- <script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?19b639daf931d9efc4c4b3dc775fd292";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script> -->
</div>
</body>
</html>