利用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

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

老夫子电子 南粤风采26选5玩法 安徽乐乐麻将安卓怎么下载 宁夏11选5彩票十 五分十一选五-非常钻APP下载 江苏11选5前三走势图 如何在网上兼职赚钱 辽宁快乐12杀号方法 浙江十一选五遗漏 电竞比分数据 捕鱼游戏平台手机版 武汉麻将口口翻心得 快3中几个才得钱 山西11选5走势图表分析 河南快3 皮皮麻将app下载 iPhone cba比分直播直播视频