JavaScript how to change mouse cursor to an image?

html, image, javascript, jquery, mouse

Solution

You can, by specifying a url to it in CSS:

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

See http://www.w3schools.com/cssref/pr_class_cursor.asp

Problem

I've seen examples where you can change it to preset images that your operating system has; example: ``` $('body').css('cursor', 'wait'); ``` But how about my own /img/my_image.png? Thanks for any help.

Original source

Related problems