Javascript-如何使滑动拼图块滑动而不是跳跃到位。

我正在使用Javascript开发一款3x3的滑动瓷砖益智游戏

目前一切都正常工作，除了我想让瓷砖滑动到位，而不是跳转到位——这就是当前代码正在做的

这是与移动平铺相关的当前代码：

document.getElementById('puzzle').onclick = function() {
  if (distance(clickLoc.x, clickLoc.y, emptyLoc.x, emptyLoc.y) == 1) {
    slideTile(emptyLoc, clickLoc);
    drawTiles();

function slideTile(toLoc, fromLoc) {
  if (!solved) {
    boardParts[toLoc.x][toLoc.y].x = boardParts[fromLoc.x][fromLoc.y].x;
    boardParts[toLoc.x][toLoc.y].y = boardParts[fromLoc.x][fromLoc.y].y;
    boardParts[fromLoc.x][fromLoc.y].x = tileCount - 1;
    boardParts[fromLoc.x][fromLoc.y].y = tileCount - 1;
    toLoc.x = fromLoc.x;
    toLoc.y = fromLoc.y;
    checkSolved();
  }
}

玩家需要单击空白区域旁边的磁贴，当他们这样做时，他们单击的磁贴移动到空白区域，并且该磁贴所在的区域变为空白。我想知道我需要做什么改变才能使瓷砖滑入到位，而不是立即跳入其中

---

提前非常感谢

请发布一个完整的代码示例。还有，为什么使用jQuery标记？我看没有。你可以使用css转换

。将此css位添加到拼图块中过渡：所有轻松0.8秒`您好@vihan1086谢谢您的评论，我不知道在哪里输入
过渡：所有轻松0.8s
，请随意编辑以上代码以显示正确的方式。@Henry您可以将其放在cssIt中，这可以在JS中完成，而无需jQuery，但毫无意义。如今，jQuery已经相当标准，您将获得跨浏览器和更高的质量，这是您无法在合理的时间内实现的。因此，最好的选择是使用jQuery进行生产。我建议仅当您需要研究纯JS或真正了解jQuery内部的工作方式时才使用纯JS。