Question

您好我使用以下代码作为鼠标后面的工具提示

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

然而，虽然工具提示工作正常并且跟随鼠标，它使用'抓取'css属性为'光标'，无论我尝试什么，我似乎无法将其更改为另一种游标类型。

在此处查看页面：http://emgs.scrappydog.co.uk/

任何帮助都非常感激。

感谢

Answer 1

好像你正在使用滑块组件，它在内部使用ms-grab-cursor和ms-grabbing-cursor类。这就是为什么你的鼠标指针显示为抓取的原因。

您可能想要覆盖这些设置：

.ms-grab-cursor, .ms-grabbing-cursor {
  cursor: default;
}

Answer 2

你可以通过添加这个css来试试这个：

.ms-slide-bgcont, .ms-slide-bgcont:hover {
    cursor: pointer;
}

Answer 3

你需要2个任务，检测鼠标移动和拖动。这里回答在鼠标移动时更换光标

var timeout;
document.onmousemove = function () {
  clearTimeout(timeout);
  timeout = setTimeout(function () {
    // reset to default cursor if not moving
    jQuery('.ms-view').css('cursor', 'url("wp-content/plugins/masterslider/public/assets/css/common/grab.png"), move');
  }, 1000);
}
jQuery('#main').mousemove(function (e) {
  jQuery('.ms-view').css('cursor', 'url("/wp-content/uploads/2017/05/mouse-icon-small.png"), auto');
  jQuery('.ms-slide-info').css('left', e.pageX + 10).css('top', e.pageY + 5).css('display', 'block');
});

更改mousemove游标类型

3 个答案: