如何单击 png 并使其自动上升一层

Question

我正在制作一款房屋设计游戏，但我找不到任何可以让玩家点击"花盆"png的东西，它会自动移动到"床"png上方。当它没有被触及时，它在床后面。我该怎么做，我需要使用 Z 索引吗？

https://jsfiddle.net/okcjt5vf/294/到目前为止，这就是我的所有代码。

Answer 1

您可以使用onmouseup和onmousedownhtml 属性，如下所示：

<img onmouseup="mouseUp(this)" onmousedown="mouseDown(this)" class="draggable" src="http://i63.tinypic.com/spuoop.png">

您可以为按下时需要向上移动的每个元素添加它

然后在 js 中添加函数来设置所需元素的 z 索引：

向上移动元素

function mouseDown(var x) {
x.setAttribute("z-index", "20"); 
}

向下移动元素

function mouseUp(var x) {
x.setAttribute("z-index", "0"); 
}