Javascript 使用HTML或JS/jQuery扭曲光标移动

尝试在Stack Overflow和Google上寻找解决方案，但找不到

我试图在页面上实现扭曲或弯曲的鼠标移动（尽管用户移动鼠标很好）

我不想显得粗鲁、粗鲁或刻薄，但我想模拟一个帕金森病或关节炎患者试图在网页上移动鼠标

如何使用HTML、JS/Jquery甚至CSS实现这一点？我甚至想过在页面上使用小网格，并让鼠标光标捕捉到这些网格边缘以达到效果，但找不到任何与此相关的代码（或者我是用错误的关键字搜索的？？）

我没有任何起始代码，所以如果这可能会给你们中的任何人带来麻烦，我深表歉意，但我希望现在能得到任何帮助

提前感谢各位，如果有解决方案，我相信我会在这里找到

更新- 我只是在寻找一个浏览器解决方案，最大限度的浏览器兼容性是赞赏。再次感谢

• 在

  DIV

  中，CSS使用

  cursor:none隐藏光标

• 创建一个.png光标图像并将其移动（

  left

  ，

  top

  ），jQ打开

  mousemove

• 使用

  setTimeout

  （要使重新定位平滑，请使用CSS3

  transition

  或使用jQ

  .animate（）

  ）

注意：脚本无法知道手是否仍在鼠标上；）

函数rand（min，max）{return Math.random（）*（max-min）+min；} 变量$cursor=$（'div img'）； $（'div'）.mousemove（函数（e）{ $cursor.css({ 左：e.pageX， 顶部：e.pageY }); }).悬停（功能（e）{ $cursor.toggle（）； }); （功能性震颤）{ $cursor.css({ marginLeft:rand（-15,15），//手臂颤抖 marginTop:rand（-30,30）//手部收缩 }); 设置超时（震颤，兰特（50100））； }());

div{
位置：绝对位置；
背景：#eee；
身高：100%；
宽度：100%；
光标：无；
}
部门经理{
显示：无；
位置：绝对位置；
过渡：裕度0.2s；
}

我已经看过指针锁演示，但它不能解决我的问题。我想模拟鼠标指针经历的震动。我不希望用户在点击画布后不得不让浏览器隐藏鼠标。效果和体验需要无缝，因为用户需要在不执行任何操作的情况下感受效果。虽然我的用法与您提供的链接中的OP几乎相同，但我在线程中没有看到任何解决方案可以在浏览器中实现这种效果。当我在SO中运行代码片段时，代码工作得非常出色。当我在末端试穿它时，它只显示灰色背景并隐藏指针。我错过了什么？但是很棒的工作，正是我所期待的for@masmrdrr你丢失了指针图像我保存了图像并在本地调用它，仍然无法看到它。。。你能用完整的HTML代码修改你的答案吗，这将非常有帮助。。很抱歉给您带来麻烦，我已经让它工作了，似乎无法使用标题部分中的标记。。。但是非常感谢，非常非常有帮助。如果你能标记出这个问题，我将不胜感激，因为网上没有类似的问题和绝对的答案，即使是在SO.@RokoC.Buljan上，这是一个非常好的例子。我希望我能把那个答案投两次赞成票。