改變鼠標移動光標類型

嗨，我使用下面的代碼作爲跟隨鼠標改變鼠標移動光標類型

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

改變鼠標移動光標類型

回答

相關問題