変更のMouseMoveカーソル型

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/

任意のヘルプは大歓迎：

は、こちらのページを表示します。あなたが内部 ms-grab-cursorと ms-grabbing-cursorクラスを使用して、スライダー・コンポーネントを使用しているよう

おかげ

Answer 1

は思えます。それがマウスポインタがつかむように見える理由です。

あなたはこれらの設定を上書きすることもできます。

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