jquery - 如何用 jquery 使图片跟随鼠标指针移动？

Question

我发现拖放很困难(你知道，在移动时按住鼠标按钮)，并且希望提供“选择和放置”功能，用户单击图标并再次单击绘图板即可放下相应的元素(图片)。

如何使用 jquery 做到这一点？

谢谢。

编辑:我有两个 div，一个用于选择元素的图标板，以及一个用于放置图片的绘图板。当鼠标进入绘图板时，我希望较大图像的 50% 不透明度跟随鼠标指针，以便用户通过单击知道它将被放置在何处以及它是否与绘图板上已有的任何内容重叠。

Answer 1

答案(使用詹姆斯·布莱克的帮助)是:

HTML

  <div id="sketch"></div>
  <img src="cat.jpg" class="follow" style="position: absolute;"/>

JQuery

$("#sketch").mousemove(function(e){
      $('.follow').css({'top': e.clientY - 20, 'left': e.clientX - 20});
});

Jsbin演示here .