特效描述:利用jQuery實現 電腦版2048 小游戲代碼,
代碼結構
1. 引入CSS
<link rel="stylesheet" href="css/fiame.css" />
2. 引入JS
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/quietflow.min.js"></script> <script type="text/javascript" src="js/frame.js"></script>
3. HTML代碼
<section id="section1"> <h1>2048:wsad控制方向</h1> <h2 class="h2_1">得--分</h2> <h2 class="h2">模式選擇:</h2> <div id="game"> </div> <div class="head clear"> <div class="scoreShow left"> <span>Score:</span> <!--分數欄--> <span id="score"></span> </div> <div class="selction right" onClick="getModel(event)"> <a href="#" class="model" value="3">3X3</a> <a href="#" class="model" value="4">4X4</a> <a href="#" class="model" type="button">5X5</a> <a href="#" class="model" type="button">6X6</a> </div> </div> <div id="gridPanel"></div> <div id="gameover"> <h1 id="Score"></h1> <a href="#" id="again" onClick="obj.gameStart()">Try again</a> </div> <div class="button"> <button class="button1 button2" id="buton1">↑</button> <button class="button1" id="buton2">←</button> <button class="button1" id="buton3">↓</button> <button class="button1" id="buton4">→</button> </div> </section> <audio src="MP3/winner.mp3" id="winner" controls hidden="true"> <audio src="MP3/512.mp3" id="a512" controls hidden="true"> <audio src="MP3/lose.mp3" id="lose" controls hidden="true"> <audio src="MP3/2.mp3" id="a2" controls hidden="true"> <audio src="MP3/1024.mp3" id="a1024" controls hidden="true">