代码之家  ›  专栏  ›  技术社区  ›  Mark

Javascript光标替换

  •  0
  • Mark  · 技术社区  · 14 年前

    CSS custom cursors do not animate in most browsers.

    有谁有更好的主意来实现动画光标?有没有jquery插件可以帮你做到这一点?我记得我读过一篇关于这个的博客。有人听说过有人这样做吗?

    谢谢。

    3 回复  |  直到 7 年前
        1
  •  1
  •   Gordon Gustafson    14 年前

    Have you tried using .ani cursors? 另请参见 controlling cursors with css

    li { cursor: text; }
    a {cursor: pointer;}
    
        2
  •  1
  •   Community Tales Farias    7 年前

    你可以使用一个透明的光标,但是在某些浏览器中它会显示一个黑色的方块而不是透明的。此外,我还看到了一些使用canvas向光标添加效果的示例。

    一个可能的例子 http://jsfiddle.net/5mN9p/ 借用了这个问题 Animated image mask following mouse in HTML

    body{cursor:none;}
    

    或者可能

    canvas{cursor:none;}
    

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

        3
  •  0
  •   Andrew    14 年前

    你应该创建一个自定义的CSS类,但不能像这样创建一个类 .customcursor ,将光标设置为 url(/path/to/image.png) 然后,在 setInterval() 在图像之间循环。然后将其应用于文档体。