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

JavaScript how to change mouse cursor to an image?

本文关键字：图像 光标 鼠标 JavaScript      更新时间：2023-09-26

我看过一些例子，你可以把它更改为你的操作系统有的预设图像;例子： 

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

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

感谢您的任何帮助。

您可以通过在 CSS 中指定它的 url

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

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

设置自定义游标（或默认游标作为回退）的 Jquery 方法：

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

我通常不链接外部文章，但这个可以满足您的需求。为了持久起见，我在这里复制了相关内容。

#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/

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

相关文章：