允许html游戏玩家在一层上下移动PNG的函数

我在做一个设计游戏的小房间 但是我找不到任何东西可以帮助我创建一个ui，允许玩家在一层上下移动所需的png/png。假设玩家有一个“花盆”，他们想把花盆的png移到“床”的png后面。如何创建此函数？ 就像在这个游戏的底部 它们有上下移动png的箭头， 提前感谢您的帮助

---

https://jsfiddle.net/okcjt5vf/294/这是我目前为止的全部代码。

只是一个高级示例：

这将在单击类别为

.adjustableElement

的图元时，导致该图元上的z索引增加1

$(".adjustableElement").click(function() {
    let newIndex = parseInt(this.css('z-index')) + 1;
    this.css('z-index', newIndex);
});

---

在您的情况下，您需要为所讨论的png/图像定义一个变量

selectedElement

（但是您可以通过单击它来决定）。然后，您将有两个函数，一个是根据它们所作用的箭头将一个升高到降低。

向我们展示您尝试了什么？，如果只是css，您可以使用

z-index

css属性。您可以使用

z-index

来实现这一点。该函数将获取元素引用，并根据所需操作（向上/向下）调整z索引样式值。这是我迄今为止的全部代码。它似乎不起作用。如果您将其放入，它将不起作用。很多都依赖于这样的实现。您必须确保定位的元素都有一个有效的z索引开始。可能只是将all设置为

900

。此外，您还必须确保构建选择实际元素所需的功能（

draggable

可能会保留此功能）以及具有适当功能的箭头。