改变鼠标移动光标类型

嗨，我使用下面的代码作为跟随鼠标改变鼠标移动光标类型

$("#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/

任何帮助，不胜感激。

感谢

来源

2017-08-05 Martin

您可以增强这种方式的代码改变光标： - '$（“＃主”）鼠标移动（功能（E）{ \t $（'MS-滑动信息'）.css（{'cursor'：'url（“/ wp-content/uploads/2017/05/mouse-icon-small.png”），auto'，'left'：e.pageX + 10，'top '：e.pageY + 5，'display'：'block'}）; }）;'' –

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

您可能要重写这些设置：

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

来源

2017-08-05 05:58:10 31piy

您可以通过添加这个CSS试试这个：

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

来源

2017-08-05 06:18:02

需要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'); 
});

来源

2017-08-05 07:04:42 ewwink

改变鼠标移动光标类型

回答

相关问题