改变鼠标移动光标类型
问题描述:
嗨,我使用下面的代码作为跟随鼠标改变鼠标移动光标类型
$("#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/
任何帮助,不胜感激。
感谢
答
好像你正在使用滑块组件,它内部使用ms-grab-cursor
和ms-grabbing-cursor
类。这就是为什么你的鼠标指针显示为抓取的原因。
您可能要重写这些设置:
.ms-grab-cursor, .ms-grabbing-cursor {
cursor: default;
}
答
您可以通过添加这个CSS试试这个:
.ms-slide-bgcont, .ms-slide-bgcont:hover {
cursor: pointer;
}
答
需要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');
});
您可以增强这种方式的代码改变光标: - '$(“#主”)鼠标移动(功能(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'}); });'' –