JavaScript, как изменить курсор мыши на изображение?

Я видел примеры, где вы можете изменить его на предустановленные изображения, которые есть в вашей операционной системе; Пример:

$('body').css('cursor', 'wait');

Но как насчет моего собственного /img/my _image.png?

Спасибо за любую помощь.

Ответы

Ответ 1

Вы можете, указав URL-адрес в CSS:

div
{
cursor:url(smiley.gif),url(myBall.cur),auto;
}

См. http://www.w3schools.com/cssref/pr_class_cursor.asp

Ответ 2

Я обычно не связываю внешние статьи, но это касается ваших потребностей. Я скопировал соответствующий материал здесь для настойчивости.

#dragMe {
    cursor: url('../cursors/customMoveCursor.cur'),     /* Modern browsers    */
            url('cursors/customMoveCursor.cur'),        /* Internet Explorer  */
            move;                                       /* Older browsers     */
}

Кредит: http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/

Не забывайте учитывать доступность при создании пользовательских курсоров! Приветствия:)

Ответ 3

Способ JQuery для установки пользовательского курсора (или курсора по умолчанию в качестве резервной копии):

$('selector').css({'cursor': 'url(/cursors/customMoveCursor.cur), default'});