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

时间:2013-06-30 11:36:43

标签: javascript jquery html css html5

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

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

我想加载图片。

2 个答案:

答案 0 :(得分:17)

尝试这种方式:

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

这是JSFiddle:http://jsfiddle.net/fv3Bk/1/
auto参数指示在找不到光标'图像时使用的光标类型。 (参见here更多光标类型,here示例与另一个光标类型)

答案 1 :(得分:9)

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

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

或身体内的所有人:

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

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