-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhandGame.html
More file actions
203 lines (201 loc) · 5.79 KB
/
handGame.html
File metadata and controls
203 lines (201 loc) · 5.79 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<!--<meta name="viewport" content="width=device-width initial-scale=1.0"/>-->
<meta name="viewport" content="width=device-width,user-scalable=no">
<link rel="stylesheet" href="css/reset.css" />
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<link rel="stylesheet" href="css/handGame.css" />
<link rel="stylesheet" href="css/myZoe.css" />
</head>
<body>
<header class="header">
<section class="header_wrap">
<div class="header_logo">
<a style="display:block" href="index.html"><img src="img/h-logo2017.png" alt="" /></a>
</div>
<div class="header_right">
<a href="###" class="downNow">APP下载</a>
<a href="###" class="headerMore"><img src="img/touxiang.png" alt="" />登录</a>
</div>
</section>
</header>
<nav class="head_nav nav">
<ul>
<li>
<a href="###">精选</a>
</li>
<li>
<a href="###">最新</a>
</li>
<li>
<a href="###">排行</a>
</li>
<li>
<a href="###">专区</a>
</li>
</ul>
<div>
<img src="img/tian.png" alt="" />
</div>
</nav>
<section class="hand_list clearfix">
<ul>
<li>
<div class="clearfix">
<div class="logo"><img src="img/icon (5).jpg" alt="" /></div>
<div class="title">
<h3>模拟农场18</h3>
<p>新时代田园牧歌</p>
</div>
</div>
<div class="banner">
<img src="img/20170609_yyc_325_4.jpg" alt="" />
<p>多种可用的载具与工具</p>
<p>超大的地图，可自由探索</p>
<p>精致的画面表现</p>
</div>
<div class="add">
<i class="zan"></i><span>100</span>
</div>
<a href="detail.html"></a>
</li>
<li>
<div class="clearfix">
<div class="logo"><img src="img/icon (6).jpg" alt="" /></div>
<div class="title">
<h3>碧蓝航线</h3>
<p>此身为舰 即刻出战</p>
</div>
</div>
<div class="banner">
<img src="img/20170602_yyc_325_1.jpg" alt="" />
<p>即时海战</p>
<p>充满魅力的立绘分格</p>
<p>丰富的养成收集要素</p>
<p>激烈的PVP战斗</p>
</div>
<div class="add">
<i class="zan"></i><span>1924</span>
</div>
</li>
<li>
<div class="clearfix">
<div class="logo"><img src="img/icon (7).jpg" alt="" /></div>
<div class="title">
<h3>模拟山羊:收获日</h3>
<p>四枭雄大闹银行</p>
</div>
</div>
<div class="banner">
<img src="img/20170526_yyc_325_2.jpg" alt="" />
<p>延续的恶搞风格</p>
<p>丰富的游戏内容</p>
<p>新增的可用角色</p>
</div>
<div class="add">
<i class="zan"></i><span>560</span>
</div>
</li>
<li>
<div class="clearfix">
<div class="logo"><img src="img/icon (8).jpg" alt="" /></div>
<div class="title">
<h3>实况足球2017</h3>
<p>再续绿茵传奇</p>
</div>
</div>
<div class="banner">
<img src="img/20170524_yyc_325_1.jpg" alt="" />
<p>紧致的画面细节</p>
<p>方便的操作方式</p>
<p>详实的球员资料及各项数据</p>
<p>实时的PvP对战</p>
</div>
<div class="add">
<i class="zan"></i><span>181</span>
</div>
</li>
<li>
<div class="clearfix">
<div class="logo"><img src="img/icon (9).jpg" alt="" /></div>
<div class="title">
<h3>老人之旅</h3>
<p>回到旧时光</p>
</div>
</div>
<div class="banner">
<img src="img/20170518_yyc_325_1.jpg" alt="" />
<p>唯美的手绘画风</p>
<p>方便的操作方式</p>
<p>详实的球员资料及各项数据</p>
<p>实时的PvP对战</p>
</div>
<div class="add">
<i class="zan"></i><span>181</span>
</div>
</li>
</ul>
<p class="addMore"><a href="###">+点击加载更多</a></p>
</section>
<section class="foot">
<img src="img/foot.png" alt="" />
</section>
<section class="myZoe">
<div class="bg">
</div>
<div class="box">
<div class="tx">
<img src="img/touxiang.png" alt="" />
<p class="name">请登录</p>
</div>
<ul class="clearfix">
<li>个人中心</li>
<li>消息中心</li>
<li>我的关注</li>
<li class="outUser">退出登录</li>
</ul>
</div>
<div class="image">
<div class="header">
<a href="###">x</a>
</div>
<ul class="imgs clearfix">
<li><img src="img/icon (1).jpg" alt="" /></li>
<li><img src="img/icon (2).jpg" alt="" /></li>
<li><img src="img/icon (4).jpg" alt="" /></li>
<li><img src="img/icon (3).jpg" alt="" /></li>
<li><img src="img/icon (5).jpg" alt="" /></li>
<li><img src="img/icon (6).jpg" alt="" /></li>
<li><img src="img/timg.jpg" alt="" /></li>
</ul>
</div>
</section>
</body>
<script>
window.onload=function(){
var html=document.documentElement;
var hWidth=html.getBoundingClientRect().width;
html.style.fontSize=hWidth/15+'px';
}
</script>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/handGame.js"></script>
<script src="js/myZoe.js"></script>
</html>