如何通过jQuery设置光标图像？

Question

发布一个Web应用程序,我有一个加载事件.如果浏览器正在从服务器加载数据,我希望将光标更改为显示时钟的gif.如何更改光标外观.我只在博客中找到了这个引用光标外观:

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

我想加载一个图像.

Answer 1

试试这种方式:

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

这是JSFiddle:http://jsfiddle.net/fv3Bk/1/
该auto参数告诉如果找不到光标'图像,使用什么光标类型.(这里有更多的游标类型,这里有另一个示例)

Answer 2

如果您希望光标是您选择的光标,您可以像上面一样使用css cursor属性,但是使用url值:

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

或身体内的所有人:

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

据我所知,这在Opera中不起作用.