图像跟随鼠标，使用mousemove事件（使用Jquery/Javascript）

当鼠标移动时，我希望图像跟随鼠标，但当鼠标单击任何位置时，图像停止跟随；当鼠标再次单击时，它开始跟随

$（文档）.ready（函数（）{
$（文档）。单击（函数（e）{
$（“.image”）.mousemove（{top:e.pageY，left:e.pageX}）；
});
});

正如您在这段代码中所看到的，我在单击文档后添加了一个类，并在此基础上更改元素位置，

mousemove

事件，并根据交替单击删除添加的类，我想这就是您想要的：

$（文档）.ready（函数（）{
$（此）。单击（函数（e）{
if（$（'body'）.hasClass（“单击”））{
$（'body'）.removeClass（“单击”）；
$（“img”）.css（{top:0，left:0}）；
$（this.unbind（'mousemove'）；
}否则{
$（'body'）.addClass（“单击”）；
$（this）.mousemove（函数（e）{
$（“img”）.css（{top:e.pageY，left:e.pageX}）；
});      
}
});
});
img{
位置：绝对位置
}
单击在事件之间切换，将mousemove与addClass（“image”）一起嵌套在一个实例中，然后将removeClass（“image”）嵌套在另一个实例中


（函数（$）{
$.fn.clickToggle=函数（func1，func2）{
var funcs=[func1，func2]；
此.data（'toggleclicked'，0）；
单击（函数（）{
var data=$（this.data（）；
var tc=data.toggleclicked；
$.proxy（funcs[tc]，this）（）；
data.toggleclicked=（tc+1）%2；
});
归还这个；
};
}（jQuery））；
$（“#移动”）。单击切换（函数（）{
$（this）.mousemove（函数（e）{
$（'.image'）.css({
“顶级”：e.clientY-20，
“左”：e.clientX-20
});    
});
$（'#img'）.addClass（'image'）；
}，函数（）{
$（'.image'）.removeClass（“image”）；
});
#img{
位置：相对位置；
z指数：1；
}

鼠标单击时要移动图像。如果再次单击，图像的移动将停止？对，也许你们需要将图像的位置设置为绝对位置，然后你们可以控制图像的位置movement@palaѕѕцц好的，我刚刚添加到我的帖子中，所以我希望当鼠标移动时，图像跟随鼠标，但当鼠标单击任何位置时，图像停止跟随；当鼠标再次单击@Aviboy2006时，它开始运行。您必须提供使其工作的信息。如果需要，您可以使用
相对
位置值。谢谢。如果我希望在单击之前图像与鼠标一起跟随，该怎么办。然后当单击图像停止跟随时，当鼠标再次单击时，图像开始跟随？（希望有意义）@b2700，我们可以指定另一个属性
translate
来更改图像位置，而不是左/顶位置，另外，您可以编辑问题并指出功能应该是什么吗？这将使它变得清晰，而不是在这里的评论中。@b2700我添加了另一个片段，请查看。谢谢！！快速提问，那么在这种情况下，您将无法使用mousemove？你能用mousemove来控制吗？