Как скрыть курсор мыши с помощью jquery

Question

Как скрыть курсор мыши с помощью jquery на всей веб-странице.Я попробовал это

$(document).ready(function(){
        $(body).css({
           'cursor' : 'none'
        });
});

Но это работает не во всех браузерах.Есть ли плагин для реализации этого.

Заранее спасибо.

Answer 1

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

Answer 2

Другое решение может быть сделано путем загрузки пользовательского прозрачного файла ICO / PNG в качестве курсора.

cursor: url('my-transparent-cursor.ico');

Так что теперь у пользователя есть курсор, но он прозрачный, невидимый. Просто мои два цента.

Answer 3

Бьюсь об заклад, это не имеет ничего общего с методом jQuery, но на самом деле CSS для вашей страницы.

Убедитесь, что (используя firebug), что элемент body действительно виден на странице, содержимое может быть, потому что по умолчанию переполнение установлено на auto, но вам также нужно будет установить высоту и ширину тела на 100% убедитесь, что когда вы перемещаете мышь по экрану, она на самом деле вызывает body.mouseover ()

Вот рабочий пример »http://jsfiddle.net/Ilmv/XQmqe/

Answer 4

Я думаю, что вы можете сделать наложение с элементом div, когда страница будет готова, вы установите блокировку видимости.

HTML-КОД:

<div>Test</div>

КОД CSS:

div {
  position: fixed;
  left: 0%;
  width: 100%;
  height: 100%;
  cursor: none;
  visibility: block;
}

надеюсь, что это может помочь вам .. Я проверяю его на jsfiddle , и он работает для меня

Может быть, это то, что вы найдете

Answer 5

Должно определенно работать во всех браузерах.Проверьте в firebug, на каких элементах находится курсор, и посмотрите, есть ли у него явный курсор: указатель;или эквивалентная настройка.

Answer 6

Как насчет использования прозрачного оверлея div (div с абсолютной позицией, шириной и высотой 100% и положительным z-индексом) с нулевым курсором.Затем используйте jQuery, чтобы включить или выключить его?