<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<title>无标题文档</title>
<style>
table{ width:auto height:12px}
table tr{ border-right: 1px solid #808080 float:left}
table td{border: 1px solid #808080 border-right:none float:leftwidth: 10pxheight: 10pxfont-size: 0line-height: 0overflow: hidden margin:0px padding:0px}
.hs{ background:#000}
.hs{ background:#ffff}
</style>
</head>
<body>
<script>
function a()
{
for (i=1i<=10i++)
{
document.getElementById("d"+i).className="hs"
}
}
var sudu = 1//速度
var tar = 1//当前目标
var flag = true//正反向
var tar_pre//上一个
var tar_next//下一个
function a1(){
var tarTd = document.getElementById("d"+tar).className="hs"
if(flag){
tar_pre = tar -1//用于灭掉前面的背景，当然如果是上下移动就不是减1了，你可以再研究
tar_next = tar+1//试探下一个是否有
if(document.getElementById("d"+tar_next)!=null){
tar+=1//这里加1也是只针对于横向
}else{
flag = false
tar-=1
}
}else{
tar_pre = tar +1
tar_next = tar-1//试探下一个是否有
if(document.getElementById("d"+tar_next)!=null){
tar-=1//这里加1也是只针对于横向
}else{
flag = true
tar+=1
}
}
if(document.getElementById("d"+tar_pre)!=null){
document.getElementById("d"+tar_pre).className="hs1"
}
setTimeout("a1()",1000)
}
</script>
<table border="0">
<tr>
<td width="10" height="10" id="d1"> </td>
<td width="10" height="10" id="d2"> </td>
<td width="10" height="10" id="d3"> </td>
<td width="10" height="10" id="d4"> </td>
<td width="10" height="10" id="d5"> </td>
<td width="10" height="10" id="d6"> </td>
<td width="10" height="10" id="d7"> </td>
<td width="10" height="10" id="d8"> </td>
<td width="10" height="10" id="d9"> </td>
<td width="10" height="10" id="d10"> </td>
</tr>
</table>
<input name="" type="button" value="开始" onclick="a1()" />
</body>
</html>
我没写过贪吃蛇，不过可以一起学习，这是我的一个思路，望交流，qqqun21.77/7/12
我突然觉得更好的办法是用二维数组
关于写一个带存档的js游戏相关资料如下最近使用 JS 写了一个贪吃蛇游戏，效果如下：
贪吃蛇作为一款经典又简单的小游戏，每个人都玩过。实现一个贪吃蛇游戏基本具有以下功能：
棋盘（也被称作 “地图”，我这里画的像一个围棋棋盘，索性就叫棋盘）
蛇 （细致一点分为：蛇头、蛇身、蛇尾）
方向（上下左右）控制，并且自动行走
碰撞检测（撞墙、撞自己）
食物在随机位置生成
蛇吃到食物，尾部生长一截
以上也便是我的实现步骤了，下面分享一些更详细的实现思路。
