利用jQuery實現網頁版貪吃蛇游戲代碼



18 71 24



特效描述:利用jQuery實現 網頁版 貪吃蛇 游戲代碼,利用jQuery實現網頁版貪吃蛇游戲代碼

代碼結構

1. 引入JS

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

2. HTML代碼

<div class="wrap">
	<ul class="snake_wrap">
		<li class="light"></li>
		<li class="light"></li>
		<li class="light"></li>
	</ul>
	<span class="food"></span>
	<div class="Data">
		<div class="score">0</div>
		<ul class="ranking_list">
		</ul>
		<p class="clear_data">清除記錄</p>
	</div>
	<div class="start zhez">
		<input type="text" name="your_name" placeholder="輸入您的昵稱">
		<span class="game_start">開始游戲</span>
	</div>
	<div class="over zhez">
		<p><i>GAME OVER</i></p>
		<span class="game_over">重新開始</span>
	</div>
	<div class="explain">
		<h3>操作指南</h3>
		<p>輸入游戲昵稱(不輸入默認“游客”)。</p>
		<p>點擊“開始游戲”按鈕啟動游戲。</p>
		<p>使用鍵盤方向鍵(← ↑ → ↓)鍵來控制方向,空格鍵暫停。</p>
		<p>游戲開始后,每成功吃到食物,分數加1,身體會加長一塊,隨著蛇身的加長,速度也會上升。</p>
		<p>當蛇頭躍出邊界或者撞到自身時,游戲結束。</p>
	</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">
</div>



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


熱門標簽: 小游戲 H5游戲 游戲源碼 手機游戲 微信游戲 網頁游戲 貪吃蛇 貪吃蛇游戲 H5貪吃蛇游戲 貪吃蛇游戲源碼
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子 官方彩票app 内蒙古快三实时走势图 大牌九怎么玩 河南快三跨度走势图 河南快赢481最新遗漏官网 万国彩票苹果 十三水游戏开发 彩票平台靠什么赚钱 河内五分彩杀号方法 东方6+1玩的人少 重庆快乐十分最长遗漏 王者荣耀怎么玩 大乐透开奖结果查询 福建36选7开奖结果18091 天津快乐10分玩法介绍 怎样陪酒赚钱