How to set a cursor image via jQuery?

Question

Inside a web application I have a loading event. If the browser is loading data from the server, I want the cursor change to a gif that shows a clock. How can I change the cursor appearance. I only found this in the blog referring cursor apperance: ``` $(this).css('cursor','move'); ``` I want to load an image instead.

Accepted Answer

Try this way:

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

Here is JSFiddle: http://jsfiddle.net/fv3Bk/1/ The `auto` parameter tells what cursor type to use if cursor' image is not found. (See here more cursor types, here the example with another one )

How to set a cursor image via jQuery?

Solution

Problem