2013-06-30 17 views
7

Insinde a web application Mam wydarzenie ładujące. Jeśli przeglądarka ładuje dane z serwera, chcę zmienić kursor na GIF, który pokazuje zegar. Jak mogę zmienić wygląd kursora. Znalazłem tylko to na blogu odnosząc wygląd kursora:Jak ustawić obraz kursora za pomocą jQuery?

$(this).css('cursor','move'); 

Chcę załadować obraz zamiast tego.

Odpowiedz

16

Spróbuj w ten sposób:

$(this).css('cursor', 'url(cursor.png), auto'); 

Oto JSFiddle: http://jsfiddle.net/fv3Bk/1/
Parametr auto mówi jaki typ kursora w użyciu, jeśli kursor”obraz nie zostanie znaleziony. (Patrz here więcej typów kursora, here przykładzie z innym)

+0

dziękuję bardzo – user1477955

+0

@ user1477955 cieszę się, że pomaga, dziękuję też;) – Cherniv

+0

co auto oznaczać? Chciałem stworzyć klasę, ale gdzie umieścić "auto", a następnie – user1477955

8

Jeśli chcesz kursor się kursor wyboru można użyć właściwości CSS kursora jak wyżej, ale z wartością URL:

$(this).css('cursor', 'url(/path/to/image),auto'); 

czy wszystko wewnątrz ciała:

$('body').css('cursor', 'url(/path/to/image),auto'); 

o ile wiem, to nie będzie działać w Operze.

Powiązane problemy