na 6 years ago
parent
commit
02a7d1dafe
2 changed files with 161 additions and 0 deletions
  1. 75 0
      game.html
  2. 86 0
      gameclass.html

+ 75 - 0
game.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>无标题文档</title>
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
+<meta content="yes" name="apple-mobile-web-app-capable">
+<meta content="black" name="apple-mobile-web-app-status-bar-style">
+<meta name="format-detection" content="telephone=no, email=no">
+<link rel="stylesheet" href="css/page.css">
+</head>
+<body style="background-color:#f6f6f6;">
+<div class="container" id="container"> 
+  <!--main-->
+  <div class="wrap">
+      <div class="gamecenter_top">
+            <a href="#" class="search_btn"><i class="icon icon-search"></i></a>
+            <a href="#1"><img src="images/game_banner.png"></a>
+      </div>
+
+        <div class="navs bgwhite gamecenter_nav">
+            <ul class="flex"> 
+                <li class="cell"><a href="游戏中心分类.html"><img src="images/icon_recent.png"><br>最新游戏</a></li>
+                <li class="cell"><a href="游戏中心分类.html"><img src="images/icon_hots.png"><br>最热排行</a></li>
+                <li class="cell"><a href="游戏中心分类.html"><img src="images/icon_class.png"><br>游戏分类</a></li>
+                <li class="cell"><a href="游戏中心分类.html"><img src="images/icon_mine.png"><br>我玩过的</a></li>
+            </ul>
+        </div>
+
+        <div class="gamecenter_cell4">
+           <div class="gamecenter_tit clearfix">
+             <h2 class="tit fl">今日推荐</h2><a href="#" class="fr more">查看更多</a>
+           </div>
+            <ul class="gamecenter_list clearfix"> 
+                <li><a href="#"><img src="images/gameicon01.png"><br><b>砖块粉碎者</b><p>一款简单易上...</p></a></li>
+                <li><a href="#"><img src="images/gameicon02.png"><br><b>考拉矿工</b><p>无数关卡等你...</p></a></li>
+                <li><a href="#"><img src="images/gameicon03.png"><br><b>传奇世界</b><p>传奇首创,再...</p></a></li>
+                <li><a href="#"><img src="images/gameicon04.png"><br><b>见缝插针</b><p>挑战你的手,...</p></a></li>
+            </ul>
+        </div>
+        
+         <div class="gamecenter_cell5">
+           <div class="gamecenter_tit clearfix">
+             <h2 class="tit fl">火爆人气</h2><a href="#" class="fr more">查看更多</a>
+           </div>
+            <ul class="gamecenter_list clearfix"> 
+                <li><a href="#"><img src="images/gameicon01.png"><br><b>砖块粉碎者</b><p>一款简单易上...</p></a></li>
+                <li><a href="#"><img src="images/gameicon02.png"><br><b>考拉矿工</b><p>无数关卡等你...</p></a></li>
+                <li><a href="#"><img src="images/gameicon03.png"><br><b>传奇世界</b><p>传奇首创,再...</p></a></li>
+                <li><a href="#"><img src="images/gameicon04.png"><br><b>见缝插针</b><p>挑战你的手,...</p></a></li>
+                <li><a href="#"><img src="images/gameicon01.png"><br><b>砖块粉碎者</b><p>一款简单易上...</p></a></li>
+                <li><a href="#"><img src="images/gameicon02.png"><br><b>考拉矿工</b><p>无数关卡等你...</p></a></li>
+                <li><a href="#"><img src="images/gameicon03.png"><br><b>传奇世界</b><p>传奇首创,再...</p></a></li>
+                <li><a href="#"><img src="images/gameicon04.png"><br><b>见缝插针</b><p>挑战你的手,...</p></a></li>
+            </ul>
+        </div>
+        
+  </div>
+  <!--main-->
+</div>
+<script type="text/javascript" src="js/jquery.min.js"></script>
+<script type="text/javascript" src="js/fastclick.js"></script>
+<script>
+   function signin(){
+	   var btnsignin=document.getElementById("btnsignup"),
+	   progressbar=document.getElementById("progressbar"),
+	   progressnum=document.getElementById("progressnum");
+       document.getElementById("signday").innerHTML=parseInt(document.getElementById("signday").innerHTML)+1;
+	   progressbar.style.width="50%";
+	   progressnum.innerHTML="555";
+	   btnsignin.disabled="disabled";
+   }
+</script>
+</body>
+</html>

+ 86 - 0
gameclass.html

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>无标题文档</title>
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
+<meta content="yes" name="apple-mobile-web-app-capable">
+<meta content="black" name="apple-mobile-web-app-status-bar-style">
+<meta name="format-detection" content="telephone=no, email=no">
+<link rel="stylesheet" href="css/page.css">
+</head>
+<body style="background-color:#fff;">
+<div class="container" id="container"> 
+  <!--main-->
+  <div class="wrap">
+      <div class="gamecenter_top">
+            <a href="#" class="search_btn"><i class="icon icon-search"></i></a>
+            <a href="#1"><img src="images/game_banner.png"></a>
+      </div>
+
+         <div class="game_list">
+            <a href="#">
+            <dl> 
+                <dt class="gameimg"><img src="images/gamepic01.jpg"></dt>
+                <dd class="gameinfo">
+                    <b class="gamename">模拟经营类</b><p class="meta">我爱盖大楼 | 农场小镇 | 足球经理</p>
+                    <i class="fr icon icon-arrowright4"></i>
+                </dd>
+            </dl>
+            </a>
+            <a href="#">
+            <dl> 
+                <dt class="gameimg"><img src="images/gamepic02.jpg"></dt>
+                <dd class="gameinfo">
+                    <b class="gamename">体育竞速</b><p class="meta">3D狂野飞车 | 我是车神 | 天才足球经理</p>
+                    <i class="fr icon icon-arrowright4"></i>
+                </dd>
+            </dl>
+            </a>
+            <a href="#">
+            <dl> 
+                <dt class="gameimg"><img src="images/gamepic03.jpg"></dt>
+                <dd class="gameinfo">
+                    <b class="gamename">策略塔防</b><p class="meta">皇室战争 | 植物大战僵尸 | 保卫萝卜</p>
+                    <i class="fr icon icon-arrowright4"></i>
+                </dd>
+            </dl>
+            </a>
+            <a href="#">
+            <dl> 
+                <dt class="gameimg"><img src="images/gamepic04.jpg"></dt>
+                <dd class="gameinfo">
+                    <b class="gamename">冒险解谜</b><p class="meta">密室逃脱 | 超级玛丽 | 魔塔</p>
+                    <i class="fr icon icon-arrowright4"></i>
+                </dd>
+            </dl>
+            </a>
+            <a href="#">
+            <dl> 
+                <dt class="gameimg"><img src="images/gamepic05.jpg"></dt>
+                <dd class="gameinfo">
+                    <b class="gamename">角色扮演</b><p class="meta">伟大航路 | 忍将 | 我是火影</p>
+                    <i class="fr icon icon-arrowright4"></i>
+                </dd>
+            </dl>
+            </a>
+        </div>
+        
+  </div>
+  <!--main-->
+</div>
+<script type="text/javascript" src="js/jquery.min.js"></script>
+<script type="text/javascript" src="js/fastclick.js"></script>
+<script>
+   function signin(){
+	   var btnsignin=document.getElementById("btnsignup"),
+	   progressbar=document.getElementById("progressbar"),
+	   progressnum=document.getElementById("progressnum");
+       document.getElementById("signday").innerHTML=parseInt(document.getElementById("signday").innerHTML)+1;
+	   progressbar.style.width="50%";
+	   progressnum.innerHTML="555";
+	   btnsignin.disabled="disabled";
+   }
+</script>
+</body>
+</html>