Javascript 移动光标的错觉

Javascript 移动光标的错觉,javascript,image,position,cursor,location,Javascript,Image,Position,Cursor,Location,是否可以在光标位置显示图像(例如,光标图像),然后隐藏原始图像(光标:无;),然后移动图像!给人一种指针自己移动的错觉,然后使光标出现在光标图像所在的位置。然后使图像消失。我不确定是否要显示光标 我读到,出于安全原因,不可能用Javascript移动光标,所以我想创建一个错觉,这对我来说是很好的。是或否就足够了!(所以我可以向前走)没有找到太多关于在光标位置显示图像的内容!:P是或否就足够了 对 好的,让我们更深入地回答一下 我们制作一个div(#bar),我们希望“自定义”指针位于其中,并在其

是否可以在光标位置显示图像(例如,光标图像),然后隐藏原始图像(
光标:无;
),然后移动图像!给人一种指针自己移动的错觉,然后使光标出现在光标图像所在的位置。然后使图像消失。我不确定是否要显示光标


我读到,出于安全原因,不可能用Javascript移动光标,所以我想创建一个错觉,这对我来说是很好的。是或否就足够了!(所以我可以向前走)没有找到太多关于在光标位置显示图像的内容!:P

是或否就足够了

好的,让我们更深入地回答一下

我们制作一个div(
#bar
),我们希望“自定义”指针位于其中,并在其上隐藏实际指针:


光标
设置为
要隐藏实际指针,请在
#指针
中设置一个图像作为替代:

正文{
填充:50px;
}
#酒吧{
背景颜色:绿色;
宽度:400px;
高度:400px;
光标:无;
}
#指针{
位置:绝对位置;
宽度:32px;
高度:32px;
背景图片:url('//i.imgur.com/uKc3VMy.png');
}
添加一点javascript(我采用jQuery路线,但也可以使用vanilla JS)来移动图像作为指针:

$(“#bar”).mousemove(函数(e){
$('#指针')。偏移量({
左:e.pageX,
顶部:e.pageY
})
});

示例:

有可能,您应该使用绝对定位的div来保存光标图像,并将其四处移动(例如使用mousemove事件处理程序),与光标结合使用:当然没有。图像移动不是由用户进行的,而是通过编程的转换/移动。所以关键是让“光标”(它的图像)看起来像是通过iteslef移动的(就像某个幽灵控制它!),从而产生移动指针的错觉-第一:让指针图像显示在实际指针所在的位置。第二:使真正的指针消失。第三:使指针图像移动到编程坐标。因此,用户会像“wtf是这样的吗?”(因此它看起来就像指针自己在移动)在您的示例中,当指针不应该移动时,是用户在控制它虽然你的代码确实帮了我的忙<代码>在您的示例中,是用户在不应该控制指针的时候控制它噢!你想让codez来解决你的整个问题,而不是一个指向正确方向的指针(双关语)!你为什么不这么说/我喃喃地说:“给一个人一条鱼,喂他一天。”。教一个人如何钓鱼,喂他一辈子”<代码>虽然你的代码在我需要帮助的方面确实有所帮助啊,好吧!那好吧!下次我很乐意为您提供完美、完整的解决方案。请务必把你的地址寄给我,这样我就可以及时给你寄一张发票。