Javascript游标替换

Question

我想在JS中使用动画光标。 CSS custom cursors do not animate in most browsers.

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

任何人都有更好的想法来实现动画游标？是否有一个jquery插件可以为你做这个？我记得读过一篇谈论这个问题的博客。有人听说有人这样做过吗？

感谢。

Answer 1

Have you tried using .ani cursors?另见controlling cursors with css。我想你可以尝试自己一起破解这个，但我不知道你将如何隐藏原始光标。除了广泛支持的usualy功能之外，您真的需要什么吗？

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

Answer 2

您可以使用透明光标，但在某些浏览器中，它会显示黑色方块而不是透明。另外，我看过几个使用canvas来为光标添加效果的例子。

从此问题http://jsfiddle.net/5mN9p/

借用的可能示例Animated image mask following mouse in HTML

我添加的全部是

body{cursor:none;}

或可能

canvas{cursor:none;}

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

Answer 3

未尝试此操作，但您应该能够创建自定义CSS规则（创建类，如.customcursor，将光标设置为url(/path/to/image.png)，然后创建setInterval()周期在图像之间。然后将其应用于您的文档正文。

我不清楚你经常运行这个，但它应该有效。