Jak ukryć kursor myszy za pomocą jquery na całej stronie. Próbowałem toJak ukryć kursor myszy za pomocą jquery
$(document).ready(function(){
$(body).css({
'cursor' : 'none'
});
});
Ale to nie działa we wszystkich przeglądarkach. Czy istnieje jakaś wtyczka do wdrożenia tego.
Dzięki z góry.
$('body').css('cursor', 'none');
Mózg Właśnie edytowałem moje pytanie. – KillerFish
Cytaty dotyczące "ciała" są ważne. –
Ponadto, nie będzie działać po najechaniu kursorem na filmy Flash - trzeba będzie się nim zająć w samym filmie. Dodatkowo nie będzie działać dla elementów, które jawnie nazywają kursor w swoim CSS. Zobacz http://bugs.jquery.com/ticket/2066 –
Założę się, że nie ma to nic wspólnego z metodą jQuery, ale w rzeczywistości CSS dla twojej strony.
Upewnij się (używając firebug), że element karoserii jest rzeczywiście widoczny na stronie, zawartość może być spowodowana domyślnym ustawieniem przelewu, ale musisz również ustawić wysokość i szerokość ciała na 100% aby upewnić się, że kiedy jesteś ruchów myszy po ekranie, to faktycznie wywołuje body.mouseover()
Oto przykład praca »http://jsfiddle.net/Ilmv/XQmqe/
@ILMV: Google Chrome nie obsługuje tego ... w chromowanym kursie jest widoczny ... nawet w twoim przykładzie roboczym. – KillerFish
To zabawne, pracowało dla ja ... i używam Google Chrome. W tej chwili mam problemy z jsFiddle, skontaktuję się z Tobą. –
Jestem usign Google Chrome 8.0.552.215 beta – KillerFish
Co za pomocą przejrzystych div nakładkę (div z bezwzględne położenie, 100% szerokość i wysokość oraz dodatni indeks z) z kursorem ustawionym na brak. Następnie użyj jQuery, aby włączyć/wyłączyć?
Może się zdarzyć, że pozycja "stała" zamiast "bezwzględna" będzie zależna od struktury dokumentu. –
@Victor, to może być pomysł. Jedyną czkawką w moim planie jest to, że strona jest dłuższa niż okno, które można przewinąć z przezroczystego elementu div. usuń przepełnienie! – PseudoNinja
Powinien zdecydowanie działać we wszystkich przeglądarkach. Sprawdź w firebug, na których elementach znajduje się kursor i zobacz, czy ma wyraźny "cursor: pointer;" lub równoważne ustawienie.
Myślę, że można wykonać nakładkę z elementem div, gdy strona jest gotowa ustawić widoczność do zablokowania.
kod HTML:
<div>Test</div>
kod CSS:
div {
position: fixed;
left: 0%;
width: 100%;
height: 100%;
cursor: none;
visibility: block;
}
nadzieję, że może pomóc u .. przetestować go na jsfiddle i to działa na mnie
Może to, co u znaleźć
Chrome nie obsługuje .. – KillerFish
@killerfish: Nie testuję go w Chrome, ale używam div nie body ... Dlaczego to nie działa .. –
Inne rozwiązanie można zrobić, ładując custo m przezroczysty plik ICO/PNG jako kursor.
cursor: url('my-transparent-cursor.ico');
Teraz użytkownik ma kursor, ale jest przezroczysty, niewidoczny. Tylko moje dwa centy.
czy podałeś pojedyncze cytaty dla ciała w oryginalnym kodzie? – kobe
@gov: Tutaj zapomniałem podać pojedyncze cytaty, ale dałem w moim projekcie. – KillerFish
Powyższy kod ..firefox tylko obsługujący .. – KillerFish