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-11-06 00:52:25

思路:

食物随机出现;

贪吃蛇行走:

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

贪吃蛇增长:

-当贪吃蛇和食物的坐标相同时,不减去蛇尾的div

食物重新出现:

-当蛇的第一个元素(蛇头)和食物的坐标相等时删除这个食物,再使下一个食物重新出现


0