Javascript 光标替换答案

【问题标题】：Javascript cursor replacementJavascript 光标替换
【发布时间】：2013-03-10 02:32:23
【问题描述】：

我听说有人（不记得是谁）这样做了。他们隐藏常规光标（通过设置透明的自定义光标），然后在 JS 中创建一个跟随光标的图像。

谁有更好的想法来实现动画光标？是否有一个 jquery 插件可以为你做到这一点？我记得读过一篇关于这个的博客。有人听说过有人这样做吗？

谢谢。

【问题讨论】：

请重新考虑。改变我的桌面环境的网站真的很烦人，并且不会增加浏览体验。我记得以前的彗星光标，天哪，那太可怕了。
@You – 让我想起了these silly balls。
@You 这不是一个网站，而是一个丰富的应用程序。当 HTML5 甚至不能做像动画光标这样的基本事情时，它就可以取代 flash 了。叹息。
呃，我还记得当年 Geocities 在网络上疯狂漫游的日子，我的鼠标无缘无故变成了一只愚蠢的蜜蜂，射击在它的背面闪闪发光...... 我从不希望重温那些日子。
@user257493 不要使用我的网站。

【解决方案1】：

Have you tried using .ani cursors? 另见controlling cursors with css。我想您可以尝试自己将其破解，但我不知道您将如何隐藏原始光标。除了广泛支持的常用功能之外，您真的需要其他任何东西吗？

li { cursor: text; }
a {cursor: pointer;}

【讨论】：

【解决方案2】：

您可以使用透明光标，但在某些浏览器中，它会显示黑色方块而不是透明的。此外，我还看到了几个使用画布为光标添加效果的示例。

我添加的只是

body{cursor:none;}

或者可能

canvas{cursor:none;}

这意味着您可以在画布上以鼠标的坐标绘制任何您想要的东西。

【讨论】：

【解决方案3】：

没有尝试过，但您应该能够创建自定义 CSS 规则（创建一个类，如 .customcursor，将光标设置为 url(/path/to/image.png)，然后在图像之间循环 setInterval()。然后应用该规则到您的文档正文。

我不知道你可以多久运行一次，但它应该可以工作。

【讨论】：