xiaobooo.github.io/index.html at master · xiaobooo/xiaobooo.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset=utf-8" />
    <!--手机屏幕兼容预处理-->
    <meta name="viewport" content="width-device,user-scalable=no">
    <title>My Web Game-2048</title>
    <link rel="stylesheet" type ="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/cssReset.css"/>
</head>
<body background="img/img1.jpg" width:100%; height:100%;>

<div class="header">
	<button class="btn" type="button">注册</button>
	<button class="btn" type="button"><a href="login.html">登录</a></button>
    <div id="button-cell">
		<div class="button-cell">2048</div>
		<div class="button-cell">4*4</div>
    </div>
    <a href="javascript:newgame();" id="newgame"  onclick="newgame()">重  新  开  始</a>
    <div id="score-cell">
		<div class="score-cell">分数</div>
		<div class="button-cell"><span id="score">0</span></div>
		<!--  突显分数字体此处class并未出错 -->
    </div>
    <div id="hscore-cell">
		<div class="hscore-cell">最高分数</div>
		<div class="button-cell"><span id="score">0</span></div>
    </div>
    <input class="help" type="button" name="" onclick="help()" />
    <input class="music" type="button" name="" onclick="openMusic()" />
<!--     <input class="share" type="button" name="" onclick="share()" /> -->
</div>

<div id="grid-container">
    <div class="grid-cell" id="grid-cell-0-0"></div>
    <div class="grid-cell" id="grid-cell-0-1"></div>
    <div class="grid-cell" id="grid-cell-0-2"></div>
    <div class="grid-cell" id="grid-cell-0-3"></div>

    <div class="grid-cell" id="grid-cell-1-0"></div>
    <div class="grid-cell" id="grid-cell-1-1"></div>
    <div class="grid-cell" id="grid-cell-1-2"></div>
    <div class="grid-cell" id="grid-cell-1-3"></div>

    <div class="grid-cell" id="grid-cell-2-0"></div>
    <div class="grid-cell" id="grid-cell-2-1"></div>
    <div class="grid-cell" id="grid-cell-2-2"></div>
    <div class="grid-cell" id="grid-cell-2-3"></div>

    <div class="grid-cell" id="grid-cell-3-0"></div>
    <div class="grid-cell" id="grid-cell-3-1"></div>
    <div class="grid-cell" id="grid-cell-3-2"></div>
    <div class="grid-cell" id="grid-cell-3-3"></div>
</div>
<!-- 分享标签 -->
<!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32">
	<a class="jiathis_button_qzone"></a>
	<a class="jiathis_button_tsina"></a>
	<a class="jiathis_button_cqq"></a>
	<a class="jiathis_button_weixin"></a>
	<a class="jiathis_button_renren"></a>
	<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!-- JiaThis Button END -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/support.js"></script>
<script type="text/javascript" src="js/show.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>