Html
    Css
    Js


#box {
	height:560px;
	width:560px;
	background-color:yellow;
	position:relative;
}
.snake {
	height:20px;
	width:20px;
	background-color:red;
	position:absolute;
}
.food {
	height:20px;
	width:20px;
	background-color:green;
	position:absolute;
}

↑上面代碼改變,會自動顯示代碼結果 jQuery調用版本:1.11.3
 立即下載

貪吃蛇行走及增長

2019山东十一选五杀号 www.xvcvn.com 更新時間:2019-11-06 00:52:25

思路:

食物隨機出現;

貪吃蛇行走:

 -每走一步,增加一個div,(要是按←就出現在蛇的左方,要是按→就出現在蛇的右方...)減去蛇尾的div

貪吃蛇增長:

-當貪吃蛇和食物的坐標相同時,不減去蛇尾的div

食物重新出現:

-當蛇的第一個元素(蛇頭)和食物的坐標相等時刪除這個食物,再使下一個食物重新出現


0