Html5实现2048—2048源码

作者: Rememberautumn 分类: html5 发布时间: 2014-11-23 18:25 阅读: 22,449

Html5定稿了,Html5会不会是未来的趋势呢?

8MA}XJ]C2CS60LK0BD2)JZX

 

预览地址:http://www.fddcn.cn/2048/index.html

index.html

<!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>码海导航</title>
<link rel=”stylesheet” href=”css/style.css”/>
<script type=”text/javascript” src=”http://libs.baidu.com/jquery/2.0.3/jquery.min.js”></script>
<script type=”text/javascript” src=”js/main.js”></script>
<script type=”text/javascript” src=”js/showanimation.js”></script>
<script type=”text/javascript” src=”js/support.js”></script>
</head>
<body>
<header>
<h1>2048</h1>
<a href=”javascript:new_game();” id=”new_game_button”>New Game</a>
<p>score: <span id=”score”>0</span></p>
</header>
<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>
</body>
</html>

main.js

showanimation.js

 support.html

 

 

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注