Jquery 如何使图像移动到下一个单元格

我在试着做一个迷宫，我在用一张桌子。我想用键盘控制它（左=移动到下一个单元格，下=移动到下一行，等等）。这在查询中是可能的吗？必须将其移动到表中的特定单元格

我能想到的最简单的方法是将所有元素设置为

position:absolute

，而不是将它们放入表中。因为如果是

position:absolute

，移动起来更容易

移动时，需要动画效果。您需要自己进行计算（我认为没有那么困难），并设置如下参数：

$('.block').click(function() {
    $(this).animate({
        left: 100,
        top: 200
    }, 3000); // animation time is 3 seconds
});

---

这就是你们能做的，假设起点是表中的第一个tr和td。我要做的是蛇形风格，玩家的位置是td为红色背景的位置。您可以设置填充以使长方体更大

确定两个变量，tr和td。将两者都设置为0。背景为红色

使用jquery来检测上下左右键的按下。如果正确，则td+=1。如果左，则td-=1。如果向上，tr+=1；如果向下，tr+=1。然后通过指定条件设置该墙。如果tr==0和to==0，则无法行走，因为有一堵墙。然后你也应该把那个细胞变成蓝色或者别的什么，因为它是一面墙。您可以使用第n个子选择器和.css来实现这一点，如下所示

要知道您在哪个框中，请使用第n个子选择器和.css

要选择第一行第二个单元格， $（'table tr:nth child（1）td:nth child（2）'）.css（[在此处对css进行一些更改]）；你可以在背景色里面设置

对于墙，可以在包含tr和tds的数组中设置预先确定的值，并将它们循环出来，然后为每个数组放置一个.css（），以使单元格变蓝

---

我用手机把这些都打出来了。我希望我是清楚的。如果你需要进一步解释，请告诉我

到目前为止你试过什么？用一些演示代码来澄清您的问题是一个很好的做法。对不起，有人能给我一些代码，至少告诉我如何将图像移动到另一个单元格上吗？如果它是

位置：绝对的

，它可以移动到任何地方，但当它试图穿过迷宫中的墙时，我需要它停止。您可以选择两种方法。首先，使用

absolute

仔细计算位置，当它穿过墙壁时，停止移动。其次，如果不需要动画，只需对所有块使用

table

。然后使用类似于

$（'img'）.attr（'src'，'swapped.png'）

的东西。我刚刚意识到您需要一个图像。在这种情况下，您可以.附加一个图像，并在播放机离开单元格时删除该图像，然后.附加到下一个单元格。