我想製作一個迷宮,而且我正在使用一張桌子。我希望通過鍵盤控制來控制它(左=移動到下一個單元格,向下=移動到下一行,等等)。這是可能的查詢?它必須移動到表格中的特定單元格。如何讓圖像移動到下一個單元
回答
我能想到的最簡單的方法是將所有元素設置爲position: absolute
而不是將它們放入表中。因爲如果是position: absolute
更容易移動。
移動時,您需要$.animate
來獲得動畫效果。你需要自己計算(我認爲這並不難),並設置參數,如:
$('.block').click(function() {
$(this).animate({
left: 100,
top: 200
}, 3000); // animation time is 3 seconds
});
如果它是'position:absolute',它將可以在任何地方移動,但當它試圖在迷宮中穿過牆時,我需要它停止。 – 2013-02-13 04:58:16
有兩種方法可供您選擇。首先,使用絕對值並仔細計算位置,當它穿過牆壁時,通過不動作移動來停止它。其次,如果你不需要動畫,只需對所有塊使用'table'。然後使用'$('img')。attr('src','swapped.png')'。 – Ovilia 2013-02-13 05:03:40
好的,我會試試,謝謝 – 2013-02-13 05:20:25
好吧,這是你可以做什麼,說出發點是第一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()以將單元格變爲藍色。
我在手機上輸入了所有這些信息。我希望我很清楚。讓我知道你是否需要進一步的解釋。
我剛剛意識到你想要一張圖片。在這種情況下,您可以.append圖像並在播放器離開單元格時去除圖像,並將其拖到下一個單元格。 – Seanbish 2013-02-13 05:20:10
- 1. 下一個移動表到圖像
- 2. 我如何讓excel vba移動到for循環中的下一個單元?
- 3. 如何移動到下一個空白單元格?
- 4. 當我向下滾動時,如何讓圖像移動?
- 5. 移動到另一個文檔中的下一個單元
- 6. 移動到下一圖像的腳本
- 7. 如何移動/跳光標下一行到圖像視圖中
- 8. 如何移動到水平滾動視圖中的下一個圖像android
- 9. 如何讓圖像隨機移動?
- 10. 如何讓鍵盤移動到下一個文本域
- 11. 如何讓我的程序移動到下一個ELIF在python
- 12. 如何讓一個div上下移動,就像一個漂浮氣球
- 13. 如何讓圖像在完成後向下移動
- 14. Android - 移動單個圖像
- 15. 點擊圖像以移動到下一個視圖
- 16. 如何從一個單元格導航到下一個視圖?
- 17. 試圖從一列移動單元格數據到另一個
- 18. 我需要將圖像從一個元素移動到另一個元素
- 19. 移動到連續的下一個單元格
- 20. 光標移動到DataGridView中的下一個單元格
- 21. 移動到鍵上的下一個單元格輸入
- 22. 如何讓用戶移動圖像到div來進行預覽
- 23. 如何讓拖動影響另一個元素下的元素
- 24. 如何讓一個Sprite移動到另一個pygame/python
- 25. 移動標題並追加到下一個圖像
- 26. 如何將圖像向下移動幾個像素?
- 27. 如何讓兩個相同的圖像彼此分開移動?
- 28. 使用c#移動到excel中下一行的下一個單元格#
- 29. 將圖像移到另一個圖像
- 30. 自動滾動到下一個/上一個單元格滑動
你到目前爲止嘗試過什麼?用一些演示代碼來澄清你的問題是一個好習慣。 – Rohit416 2013-02-13 04:44:32
對不起,但任何人都可以給我一些代碼,至少如何將圖像移動到另一個單元格onlick? – 2013-02-13 04:52:19