课程 \
慕课网2048私人订制
8-1 代码展示：@扬州灬炒饭
<!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>2048</title>
<link rel="stylesheet" type="text/css" href="2048.css" />
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="support2048.js"></script>
<script type="text/javascript" src="showanimation2048.js"></script>
<script type="text/javascript" src="main2048.js"></script>
</head>
<body>
<header>
<h1>2048</h1>
<a href="javascript:newgame();" id="newgamebutton">New Game</a>
<p>Modified by 扬州灬炒饭</p>
<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>
2017-06-13
查看完整代码
8-6 代码展示：@shinyaOwO
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv = "X-UA-Compatible" content="IE=edge" />
<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>2048</title>
<link rel="stylesheet" href = "2048.css" />
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="main2048.js"></script>
<script type="text/javascript" src="support2048.js"></script>
<script type="text/javascript" src="move2048.js"></script>
</head>
<body>
<header>
<h1>2048</h1>
<a href="javascript:newGame();" class="btm" id="newGameButtom">new game</a><br />
<p>score: <span id="score">0</span></p>
</header>
<div id="container">
<div class="cell" id="cell-00"></div>
<div class="cell" id="cell-01"></div>
<div class="cell" id="cell-02"></div>
<div class="cell" id="cell-03"></div>
<div class="cell" id="cell-10"></div>
<div class="cell" id="cell-11"></div>
<div class="cell" id="cell-12"></div>
<div class="cell" id="cell-13"></div>
<div class="cell" id="cell-20"></div>
<div class="cell" id="cell-21"></div>
<div class="cell" id="cell-22"></div>
<div class="cell" id="cell-23"></div>
<div class="cell" id="cell-30"></div>
<div class="cell" id="cell-31"></div>
<div class="cell" id="cell-32"></div>
<div class="cell" id="cell-33"></div>
<div class="alert" id="gameOver">
<p>Game is Over</p>
<a href="javascript:newGame();" class="btm" id="tryAgain">try again</a><br />
</div>
<div class="alert" id="gameWin" >
<p>GOOD!NOW YOU HAVE GET 2048!</p>
<p><a href="javascript:newGame();" class="btm" id="restart">new game</a></p>
<p><a href="javascript:continuePlay();" class="btm" id="continue">GoGoGO</a></p>
</div>
</body>
</html>
2017-06-13
查看完整代码
8-5 代码展示：@未曾至
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>2048-张靓颖版</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="My Own 2048" />
<link rel="stylesheet" href="2048style.css" />
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="support2048.js"></script>
<script type="text/javascript" src="showanimation2048.js"></script>
<script type="text/javascript" src="main2048.js"></script>
</head>
<body>
<header>
<div class="cdinf">
<p>2006.1.12 《Jane.爱》</p>
<p>2006.8.7 《我爱邓丽君》</p>
<p>2006.10.11 《The One》</p>
<p>2007.8.2 《Update》</p>
<p>2006.12.8 《Dear Jane》</p>
<p>2009.1.16 《张靓颖@音乐》</p>
<p>2010.2.2 《我相信》</p>
<p>2011.6.1 《改变》</p>
<p>2012.6.8 《倾听》</p>
<p>2013.6.25 《感谢》</p>
<p>2014.7.21 《第七感》</p>
<p>To Be Continue...</p>
</div>
<div class="mask"></div>
<div class="success">
<p>恭喜</p>
<p>成功解锁第七感！</p>
</div>
<div class="fail">
<p>加油，亲</p>
<p>前方就有第七感！</p>
</div>
<h1>2048-张靓颖版</h1>
<div class="inf">
<a href="javascript:newGame();" class="newGameButton">新游戏</a>
<p class="newGameButton myscore">得分 : <span id="score">0</span></p>
</div>
</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>
2017-06-13
查看完整代码