如何使用jquery按照鼠标指针制作图片？

Question

我发现拖放很困难(你知道,移动时按住鼠标按钮),并希望提供一个"选择和放下",用户点击一个图标并再次点击绘图板以放下相应的元素(图片).

你如何用jquery做到这一点？

谢谢.

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

Answer 1

答案(使用James Black的帮助)是:

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 在这里演示.