JavaScript how to change mouse cursor to an image?

javascript jquery html image mouse

JDS · Jun 3, 2012 · Viewed 51k times · Source

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.

Answer

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

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