Question

我见过一些示例，您可以将其更改为预设的操作系统图像;例如：

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

但我自己的/img/my_image.png怎么样？

感谢您的帮助。

Answer 1

您可以通过在CSS中指定网址：

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/

制作自定义光标时不要忘记考虑辅助功能！干杯：）

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

3 个答案: