图像随鼠标移动而移动

Question

使用 jQuery，我如何让图像随鼠标（或更确切地说是光标）移动，即使图像粘在指针上；我以后如何取消粘合它，或交换粘合的图像。谢谢

Answer 1

您在寻找自定义光标图像吗？或者您想要拖动并移动页面上已有的图像？

如果是前者，您可以在 css 文件中使用 cursor: url(cursor.cur); 。

如果是后者，您可以通过适当处理图像的 mousedown 和文档的 mousemove 和 mouseup 事件来实现。

Answer 2

如果您可以使用 jquery ui，则可以使用：

在 mousedown 上应用以下（或其版本）：

$(document).mousemove(function(ev){
  $("#theimage").position({
    my: "left bottom",
    of: ev,
    collision: "fit"
  });
});

http:// /docs.jquery.com/UI/Position

并在 mouseup 上设置图像的绝对位置。