如何讓圖像移動到下一個單元

Question

我想製作一個迷宮，而且我正在使用一張桌子。我希望通過鍵盤控制來控制它（左=移動到下一個單元格，向下=移動到下一行，等等）。這是可能的查詢？它必須移動到表格中的特定單元格。

Answer 1

我能想到的最簡單的方法是將所有元素設置爲position: absolute而不是將它們放入表中。因爲如果是position: absolute更容易移動。

移動時，您需要$.animate來獲得動畫效果。你需要自己計算（我認爲這並不難），並設置參數，如：

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

Answer 2

好吧，這是你可以做什麼，說出發點是第一TR和TD在表中。我只是想做這種蛇的風格，其中玩家的位置是td是紅色背景的地方。您可以設置填充以使框變大。

確定2個變量tr和td。將兩者設置爲0.並將背景設置爲紅色。

使用jquery來檢測向左或向右上的按下。如果是，td + = 1。如果離開，td = 1。如果向上，tr + = 1，如果向下，則tr + = 1。然後通過指定條件來設置牆。如果tr == 0並且== 0，那麼因爲有牆而不能走路。那麼你也應該把那個單元格變成藍色或者因爲它是一堵牆。你可以使用下面的第n個子選擇器和.css來實現。

要知道您在哪個框中，請使用第n個子選擇器和.css。 （'table tr：nth-​​child（1）td：nth-​​child（2）'）。css（[在這裏做一些更改]）;};}}你可以設置背景顏色。

對於牆，您可以在包含tr和tds的數組中設置預定義值，並將它們循環出來並放置一個.css（）以將單元格變爲藍色。

我在手機上輸入了所有這些信息。我希望我很清楚。讓我知道你是否需要進一步的解釋。