Question

我不知道从哪里开始这个问题，所以我希望得到一些指导让球滚动，基本上我试图有两张图片，一张在底下，一张在顶部，我可以拖动并将其放置在较低的图像上。

有点像将照片上传到蛋糕设计公司，你可以上传一张照片，然后在表面上更多吗？

我希望我能为此展示代码，但我一直都很失败:(

我在这里添加了javascript和jquery标签，因为我认为可能需要它们，但如果不是，请道歉！

Answer 1

$(document).ready(function() {
  $("#board").mousemove(function(e) {
    $('#pawn').css({
      'top': e.clientY - 20,
      'left': e.clientX - 20
    });
  });
});

#pawn {
  position: absolute;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<img id="board" src="http://files.chesscomfiles.com/images_users/tiny_mce/DENVERHIGH/CHESS%20BOARD%20EMPTY%202.jpg" />


<img id="pawn" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/45/Chess_plt45.svg/50px-Chess_plt45.svg.png" />

将图像拖动到另一个图像上 - 就像蛋糕设计工具一样？

1 个答案: