0

我有什么我觉得应该是一个非常简单的任务。

在 AJAX 调用期间,我需要鼠标光标来显示加载。

没问题,一个简单的改变$(body).css("cursor", "progress")就可以完成。

但是,我在我正在研究的一个页面上阅读了一条评论,这表明使用自定义加载器可能会更好,这样用户可以轻松区分操作系统告诉他们等待,而不是我的网站告诉他们等待等待。

这对我来说似乎很有意义,所以我尝试使用我自己的(动画)gif,我很快从这里抓到:http://ajaxload.info/

我将它存储Images在我网站上的一个文件夹中(路径已被多次检查错误)。

这是我遇到麻烦的地方。当我尝试url().cssjQuery 调用中使用时,它似乎没有找到它。

我第一次使用:

$("body").css("cursor", "url(/Images/Cursor_Loading/CustomLoader.gif)");

然后添加了一些引号:

$("body").css("cursor", "url('/Images/Cursor_Loading/CustomLoader.gif')");

但这也没有用。

接下来,我开始尝试查找我再次确定的内容只是我的一些简单的语法错误。我查看了以下网站,但没有一个对我有帮助:

自定义光标交互点 - CSS / JQuery

使用 jQuery CSS 属性设置背景图像

在 javascript/jquery 中将光标更改为等待

我确信这很容易,但现在我不确定这是否是更好的选择,考虑到我读到有些情况甚至可能无法正常工作(例如 FireFox + MAC 设计)。

现在,我不确定我是否应该走这条路,但如果我应该这样做,我也不确定语法对我的期望是什么......

4

1 回答 1

2

你不能那样做

不支持 ANI。动画 PNG 或 GIF 不会创建动画光标。

此外,您需要在 url 之后放置一个后备关键字。

于 2013-10-28T16:23:15.960 回答