javascript - JavaScript如何将鼠标光标更改为图像？

Question

我已经看到了一些示例，您可以将其更改为操作系统具有的预设图像；例子：

$('body').css('cursor', 'wait'); 

但是我自己的 /img/my_image.png 呢？

谢谢你的帮助。

Answer 1

您可以通过在 CSS 中指定一个 url：

div {
    cursor: url(smiley.gif), url(myBall.cur), auto;
}

见http://www.w3schools.com/cssref/pr_class_cursor.asp

Answer 2

设置自定义光标（或默认光标作为后备）的 Jquery 方式：

$('selector').css({'cursor': 'url(/cursors/customMoveCursor.cur), default'});

Answer 3

我通常不链接外部文章，但这篇文章涵盖了您的需求。我在这里复制了相关的东西以保持持久性。

#dragMe {
    cursor: url('../cursors/customMoveCursor.cur'),     /* Modern browsers    */
            url('cursors/customMoveCursor.cur'),        /* Internet Explorer  */
            move;                                       /* Older browsers     */
}

信用：http ://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/

在制作自定义光标时不要忘记考虑可访问性！干杯:)