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

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

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

Но как насчет моего /img/my_image.png

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

 JDS03 июн. 2012 г., 00:46
Наверное. Я вижу код "a.heroshot img {cursor: url (/img/layout/backgrounds/moz-zoom.gif), -moz-zoom-in; } & quot ;, но я не уверен, как это реализовать. Теперь у меня есть кнопка, и при нажатии у меня появляется функция, обрабатывающая это. В этой функции я хочу изменить курсор на изображение, но я не уверен, как использовать этот код.
 Genia S.03 июн. 2012 г., 00:42
[this] [1] это то, что вы ищете? Если это так, это должно быть помечено как дубликат [1]:stackoverflow.com/questions/336925/custom-cursor-image-css

Ответы на вопрос(3)

Вы можете, указав ссылку на него в CSS:

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

Увидетьhttp://www.w3schools.com/cssref/pr_class_cursor.asp

 06 янв. 2014 г., 14:44
никогда не понимал ... почему w3schools считается плохой ссылкой?
 JDS03 июн. 2012 г., 02:22
Эй, значит ли это, что когда моя мышь находится внутри этого DIV, курсор будет другим? Кроме того, у меня нет файлов .cur, у меня просто есть изображение .png --- РЕДАКТИРОВАТЬ: есть ли смысл просто редактировать CSS содержащего представления (div, body и т. Д.)?
 03 июн. 2012 г., 01:09
@pst lol. мне тоже больно, но код это был тривиален ..
 03 июн. 2012 г., 00:43
Эээ ... w3schools. Есть другая ссылка? +1 тем не менее.
 03 июн. 2012 г., 00:50

умолчанию в качестве запасного варианта):

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

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

#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/

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

Ваш ответ на вопрос