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

JDS*_*JDS 14 html javascript mouse jquery image

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

$('body').css('cursor', 'wait'); 
Run Code Online (Sandbox Code Playgroud)

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

谢谢你的帮助.

mal*_*ngi 22

你可以通过在CSS中指定一个url:

div
{
cursor:url(smiley.gif),url(myBall.cur),auto;
}
Run Code Online (Sandbox Code Playgroud)

请参阅http://www.w3schools.com/cssref/pr_class_cursor.asp

  • 呃... w3schools.有不同的参考?尽管如此. (4认同)
  • 从来没有得到它...为什么w3schools被认为是一个不好的参考? (4认同)

Kal*_*lle 6

设置自定义游标(或默认游标作为后备)的 Jquery 方式:

$('selector').css({'cursor': 'url(/cursors/customMoveCursor.cur), default'});
Run Code Online (Sandbox Code Playgroud)