-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
227 lines (212 loc) · 12.9 KB
/
index.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport"
content=" width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>庆八一2048Army版</title>
<!--juery Mobile-->
<link href="jquery.mobile-1.4.5.min.css" rel="stylesheet" />
<script src="jquery-2.1.1.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>
<!--主逻辑-->
<script src="support.js"></script>
<script src="showanimation.js"></script>
<script src="main.js"></script>
<script src="component.js"></script>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<script type="text/javascript">
//页面初始化
$(document).bind("mobileinit", function () {
$.extend($.mobile, {
defaultPageTransition: 'flow',
defaultDialogTransition: 'flip'
});
});
$.mobile.buttonMarkup.hoverDelay = "false";//按钮延迟问题的解决
$(document).ready(function () {
$("#changePages").find("img").css("width", documentWidth);
$("#pageHome").find("img").css("width", documentWidth);
$("#newGameBtn").click(function () {
canScroll = true;
isGaming = true;
newgame();
});
$("#continueGameBtn").click(function () {
canScroll = true;
isGaming = true;
});
$(".backHome").click(function () {
canScroll = true;
isGaming = false;
});
$("#helpBtn").click(function () {
canScroll = false;
isGaming = false;
});
$("#chartsBtn").click(function () {
canScroll = false;
isGaming = false;
});
$("#backHelp").click(function () {
canScroll = false;
isGaming = false;
});
});
//显示等待进度框
function showProgressDialog() {
$.mobile.loadingMessageTextVisible = true;
$.mobile.showPageLoadingMsg('0. 0', "Please wait...");
}
//隐藏等待进度框
function cancelProgressDialog() {
$.mobile.hidePageLoadingMsg();
}
</script>
<!-- 我的主页 http://news.xinhuanet.com/mil/2015-12/05/128501692_14492897686261n.gif -->
<div data-role="page" id="changePages" data-theme="b">
<div data-role="header" data-theme="b" data-tap-toggle="false" data-position="fixed" data-id="myheader">
<h1>2048(军队版)</h1>
</div>
<div data-role="content">
<div data-type="horizontal" style="text-align:center;">
<h1>通告</h1>
<h3>感谢大家的支持，如果好玩，求推广！</h3>
<p class="help" style="text-align:center;">
<img src=" http://news.xinhuanet.com/mil/2015-12/05/128501692_14492897686261n.gif" />
<img src="firstOne.JPG" /><br />
</p>
<p class="help">
<b style="font-size:15px;color:red;">游戏说明：</b>
鉴于目前部分玩家，在升级至5格后，发现游戏难度降低，大大减少了游戏的趣味性！<br />
现将游戏关闭，更新内容，在升级至5格之后，设置新兵种<span>工兵、间谍</span>,以及出现<span>障碍物</span>和<span>炸弹</span>，炸弹可与其他兵种同归于尽，间谍使其他兵种降级，工兵可以清楚障碍物和炸弹，并占据它的位置！<span>狙击手</span>可以消灭障碍物！
</p>
<p>感谢各位的支持，我会再接再励的！</p>
<a href="#pageHome" data-role="button" data-transition="slidefade" data-corners="false" data-theme="c">我不管就是要玩</a>
</div>
</div>
<div data-role="footer" data-tap-toggle="false" data-theme="b" data-position="fixed" data-id="myfooter">
<h1>欢迎来的ddcouples的领域</h1>
</div>
</div>
<div data-role="page" id="pageHome" data-theme="b">
<div data-role="header" data-theme="b" data-tap-toggle="false" data-position="fixed" data-id="myheader">
<h1>2048(军队版)</h1>
</div>
<div data-role="content">
<div data-type="horizontal" style="text-align:center;">
<p>感谢各位的支持，我会再接再励的！</p>
<a id="newGameBtn" href="#page2048" data-role="button" data-transition="slidefade" data-corners="false" data-theme="c">新游戏</a>
<a id="continueGameBtn" href="#page2048" data-role="button" data-transition="slide" data-corners="false" data-theme="c">继续游戏</a>
<a id="chartsBtn" href="#pageCharts" data-role="button" data-transition="flip" data-corners="false" data-theme="c">排行榜</a>
<a id="helpBtn" href="#pageHelp" data-role="button" data-transition="pop" data-corners="false" data-theme="c">支持与帮助</a>
<h1>操作说明</h1>
<p class="help">
<b style="font-size:15px;color:red;">游戏说明：</b>目前不支持按键，只支持触控，在手机或者平板上浏览游戏！游戏过程中，<b style="font-size:12px;color:red;">上下左右滑动，相同级别碰在一起产生一个更高的职务</b>,此时加分升职！当不能移动的时候
GameOver！
</p>
<p class="help">
<span style="position:relative;"> 狙击手：</span>点击一次狙击手，然后点击任意小方块，即可消掉一个小方！<br /></p>
<p class="help">
<span style="position:relative;"> 撤退：</span>返回上一次移动前状态！（只能返回一步！）
</p>
<p style="text-indent:2em;margin:0;text-align:left;">
应玩家要求，现在新加狙击手功能，当你职务提升到营长后，每升一职，加一狙击手，关键的时候可以用<span style="position:relative;">狙击手</span>哦，但是一旦使用就无法撤销了，毕竟军令如山嘛！！在您升到<span style="position:relative;">军长</span>的时候有彩蛋哦，也会相应的减少游戏难度！
</p>
<p class="help" style="text-align:center;">
<img src="junZ.JPG" />
<img src="zongsil.JPG" /><br />
看看其他小伙伴的战绩，其他的小伙伴要再接再厉哦！哈哈！
</p>
</div>
</div>
<div data-role="footer" data-tap-toggle="false" data-theme="b" data-position="fixed" data-id="myfooter">
<h1>欢迎来的ddcouples的领域</h1>
</div>
</div>
<div data-role="page" id="page2048" data-theme="b">
<div data-role="header" data-tap-toggle="false" data-position="fixed" data-theme="b">
<a class="backHome" href="#pageHome" data-role="button" data-icon="home" data-transition="flow" data-direction="reverse">首页</a>
<a href="javascript:newgame();" data-icon="refresh" id="newgamebutton">入伍咯</a>
</div>
<div data-role="content" style="margin-top:22px">
<p id="scoreText">你现在的职务是：<span id="position">义务兵</span></p>
<div id="grid-container">
</div>
<p>您的战功 ⇒荣誉值为： <span id="score">0</span></p>
<div style="text-align:center;">
<ul class="keleyi-com-nav black" data-role="controlgroup" data-type="horizontal">
<li> <a id="sniperBtn" data-role="button" data-corners="false" data-icon="delete">狙击手 X <span style="font-size:large;color:red;position:absolute;">3</span></a></li>
<li> <a id="backOneStep" data-role="button" data-shadow="true" data-icon="back">撤退</a></li>
</ul>
</div>
</div>
<div data-role="footer" data-tap-toggle="false" data-position="fixed" data-theme="b">
<h1>欢迎来的ddcouples的领域</h1>
</div>
</div>
<!-- 排行榜 -->
<div data-role="page" id="pageCharts" data-theme="b">
<div data-role="header" data-tap-toggle="false" data-position="fixed" data-theme="b">
<a class="backHome" href="#pageHome" data-role="button" data-icon="home" data-transition="fade" data-direction="reverse">首页</a>
<h1 id="title">排行榜</h1>
</div>
<div data-role="content" id="chartsDiv" data-theme="d">
<ul data-role="listview" data-inset="true">
<li><a href="#" id="li0">代小代<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：43028</span></a></li>
<li><a href="#" id="li1">排小排<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：40488</span></a></li>
<li><a href="#" id="li2">连小连<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：36788</span></a></li>
<li><a href="#" id="li3">营小营<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：35688</span></a></li>
<li><a href="#" id="li4">团小团<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：34886</span></a></li>
<li><a href="#" id="li5">忠小忠<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：34568</span></a></li>
<li><a href="#" id="li6">冰冰<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：32444</span></a></li>
<li><a href="#" id="li7">超小超<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：25344</span></a></li>
<li><a href="#" id="li8">消失的风<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：24414</span></a></li>
<li><a href="#" id="li9">在唱歌的人<span style="font-size:xx-small;color:#e2e2e2;float:right;">荣誉：23456</span></a></li>
</ul>
</div>
<div data-role="footer" data-tap-toggle="false" data-position="fixed" data-theme="b">
<h1>欢迎来的ddcouples的领域</h1>
</div>
</div>
<!-- 帮助 -->
<div data-role="page" id="pageHelp" data-theme="b">
<div data-role="header" data-tap-toggle="false" data-position="fixed" data-theme="b">
<a class="backHome" href="#pageHome" data-role="button" data-icon="home" data-transition="flow" data-direction="reverse">首页</a>
<h1 id="title">支持与帮助</h1>
</div>
<div data-role="content">
<a href="#pay"><img width="300" src="hard_pic.png" /><span>微信扫一扫即可，毕竟挂服务器上是要钱的呀(T T)!</span></a>
<div id="pay" style="width:300px;margin:20px auto;">
<img src="pay.jpg" />
</div>
<p class="help">
<blockquote>山不在高，有仙则灵；<br />金不在多，意思就行；</blockquote>
扫一扫！<br />
您的慷慨，是我前进道路上的不竭动力！
</p>
</div>
<div data-role="footer" data-tap-toggle="false" data-position="fixed" data-theme="b">
<h1>欢迎来的ddcouples的领域</h1>
</div>
</div>
<!-- 得分页面 -->
<div data-role="page" id="scrossShow" data-theme="b">
<div data-role="header" data-tap-toggle="false" data-position="fixed" data-theme="b">
<a id="backHelp" class="backHome" href="#pageHelp" data-role="button" data-icon="home" data-transition="flow" data-direction="reverse">不服再战</a>
<h6>军旅生涯结束</h6>
</div>
<div data-role="content">
<p>查看界面，可回到首页后点击继续游戏</p>
<div style="text-align:center;"><img src="http://upload.cbg.cn/2015/1205/1449290455584.gif" /><p>您的最高职务是：<span id="lastPosition">义务兵</span><br />最高荣誉为：<span id="lastScorce">0</span></p></div>
<p class="help">同志们，再接再厉吧,更好的成绩在等待着您,希望您的大名能出现在排行榜哦！</p>
<p id="charts" class="help">仅供大家劳累的时候娱乐一下，双击可全屏(浏览器访问啊)！just for fun。给你个诀窍，尽量把大的角色放到角落去。在一些配置不是特别好的机子上完可能会有点卡，别见怪，毕竟这是网页游戏，如有疑问，欢迎您加微信dragondZhang,</p>
</div>
<div data-role="footer" data-tap-toggle="false" data-position="fixed" data-theme="b">
<h1>欢迎来的ddcouples的领域</h1>
</div>
</div>
</body>
</html>