试图将游戏光标更改为图像

Question

我正在制作一个＆＃34;打击＆＃34;游戏，并希望将光标更改为手的png图像。我尝试通过CSS更改它，它不会工作：

cursor：url（＆＃39; /images/hand.png'），auto;

基本上我在将光标更改为图像时遇到了问题。 你们有什么建议吗？我正在使用html，css / sass和javascript

Answer 1

如果您希望将其作为所有元素的默认光标，请将css更改为：

body *{ cursor: url('/images/hand.png'), auto !important; }

编辑确保您的图片为32x32。如果图像太大，它就无法工作。

Answer 2

应该是这样的：

$(this).css( 'cursor', 'url(yourimage.png), auto' );

看看我创建的示例：http://jsfiddle.net/gon250/2dqscLzz/

我希望它有所帮助！

Answer 3

尝试使用jQuery：

$("canvas#canvas").on("mouseover",function() {      
  $(this).css('cursor', 'url(Images/hand.png), auto'); 
 }).mouseout(function(){    
 $(this).css('cursor', 'auto');
});