Question

我正在使用mousemove（）函数。我注意到它将鼠标光标更改为“移动”图标。

有没有办法用自定义图片替换它？我试过这个，但它不起作用。

$("#main").mousemove(function(e) { 
$('#main').css('cursor: url("/wp-content/uploads/2017/05/mouse-icon.png"), auto;');
$('.ms-slide-info ').css('left', e.pageX + 10).css('top', e.pageY + 
5).css('display', 'block');
});

$("#main").mouseout(function() { 
$('.ms-slide-info ').css('display', 'none');
});

此处的工作页面：http://emgs.scrappydog.co.uk

Answer 1

我认为这会对你有帮助

更改此

$('#main').css('cursor: url("/wp-content/uploads/2017/05/mouse-icon.png"), auto;');

到

$('#main').css('cursor', 'url("/wp-content/uploads/2017/05/mouse-icon.png"), auto');

Answer 2

你有两个错误：

首先，你没有正确设置jssery的css。这就是它应该是这样的：

$('#main').css('cursor', 'url("/wp-content/uploads/2017/05/mouse-icon.png"), auto;');

第二步你设置#main的光标，但是你有一个更具体的元素，因此它会显示光标集.ms-grab-cursor

此外，我不明白你为什么要通过javascript设置光标。为什么不通过覆盖.ms-grab-cursor来通过css设置它。

e.g：

.ms-grab-cursor{
   cursor: url(/wp-content/uploads/2017/05/mouse-icon.png), auto;
}

jquery mousemove（） - 如何更改光标？

2 个答案: