#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
食物重新出现:
-当蛇的第一个元素(蛇头)和食物的坐标相等时删除这个食物,再使下一个食物重新出现