Вопрос по jquery, html, javascript, image – JavaScript, как изменить курсор мыши на изображение?

14

Error: User Rate Limit Exceeded

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

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

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

Ваш Ответ

3   ответа
21

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

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

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

никогда не понимал ... почему w3schools считается плохой ссылкой?
Эй, значит ли это, что когда моя мышь находится внутри этого DIV, курсор будет другим? Кроме того, у меня нет файлов .cur, у меня просто есть изображение .png --- РЕДАКТИРОВАТЬ: есть ли смысл просто редактировать CSS содержащего представления (div, body и т. Д.)? JDS
@pst lol. мне тоже больно, но код это был тривиален ..
Эээ ... w3schools. Есть другая ссылка? +1 тем не менее.
3

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

$('selector').css({'cursor': 'url(/cursors/customMoveCursor.cur), default'});
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/

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

Похожие вопросы