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

我见过一些例子，你可以把它改成你的操作系统预设的图像；例如：

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

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

---

感谢您的帮助。

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

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

---

请参见

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

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

学分：

---

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

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

---

[这][1]是你要找的吗？如果是这样，则应将其标记为重复[1]：很可能。我看到代码“a.heroshot img{cursor:url（/img/layout/backgrounds/moz zoom.gif），-moz zoom-in；}”，但我不确定如何实现它。我现在有一个按钮，当点击时，我有一个函数来处理它。在该函数中，我想将光标更改为图像，但我不确定如何使用此代码。。。学校。有不同的参考资料吗+1然而，嘿，这是否意味着每当我的鼠标在这个特定的DIV中时，光标就会不同？另外，我没有.cur文件，我只有一个.png图像--EDIT：编辑包含视图（div、body等）的CSS的整个想法是什么？据我所知，您也应该能够使用png。只需确保文件是有效的。是的，这就是想法（所以你可以为

body

标签这么做）。从来没有得到它。。。为什么w3schools被认为是一个不好的参考？

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