利用jQuery實現2048數字游戲代碼



67 264 89



特效描述:利用jQuery實現 2048數字 游戲代碼,利用jQuery實現2048數字游戲代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/index.css" />

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/2048index.js"></script>

3. HTML代碼

<!--構建游戲框架S-->
<div>
	<!--得分區 S-->
	<div class="scoringArea">您現在得分 <span class="score">0</span> 分 </div>
	<!--得分區 E-->
	<div class="gameFrame">
		<div class="gameFrameRow"> 
			<ul class="gameFrameUl">
				<li class="gameFrameCell "> 
					<!--<span class="color1">
						2
					</span>-->
				</li>
				<li class="gameFrameCell"> 
					<!--<span class="color2">
						4
					</span>-->
				</li>
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
			</ul>
		</div>
		<div class="gameFrameRow"> 
			<ul class="gameFrameUl">
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
			</ul>
		</div>
		<div class="gameFrameRow"> 
			<ul class="gameFrameUl">
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
			</ul>
		</div>
		<div class="gameFrameRow"> 
			<ul class="gameFrameUl">
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
				<li class="gameFrameCell"> 
				</li>
			</ul>
		</div>
	</div>
	<!--游戲開始按鍵S-->
	<div class="operateKey">
		<button class="gameControlButton gameStart" >開始</button>
		<!--上下左右操作鍵S-->
		<div class="directionsKey">
			<div>
				<span class="upBtn">↑</span>
			</div>
			<div>
				<span class="leftBtn">←</span>
				<span class="downBtn">↓</span>
				<span class="rightBtn">→</span>
			</div>
		</div>
		<!--上下左右操作鍵E-->
	</div>
	<!--游戲開始按鍵E--0>
</div>
<!--構建游戲框架E-->
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 切換按鈕 表單 表單美化 表單插件 表單美化插件 小游戲 H5游戲 游戲源碼 手機游戲 微信游戲 網頁游戲 拼圖游戲 H5拼圖游戲 拼圖游戲源碼 按鈕控制
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 山西快乐10分规则 电工怎么在网上赚钱 pk109码计划 悠洋棋牌下载手机版 象棋怎么走的口诀 广西快乐10分通5遗漏 极速十一选五走势图牛 抖音之点赞能赚钱 山东11选五最新消息 网上赚钱项目正规 快速赛车骗局 适合个人赚钱的游戏吗 幸运快3大小单双技巧口诀 南粤26选5开奖结果97期 中国福利彩票开奖查询 云南时时彩开奖