#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;
}
更新时间:2019-11-06 00:52:25
思路:
食物随机出现;
贪吃蛇行走:
-每走一步,增加一个div,(要是按←就出现在蛇的左方,要是按→就出现在蛇的右方...)减去蛇尾的div
贪吃蛇增长:
-当贪吃蛇和食物的坐标相同时,不减去蛇尾的div
食物重新出现:
-当蛇的第一个元素(蛇头)和食物的坐标相等时删除这个食物,再使下一个食物重新出现