使用“等待/加载”光标作为背景图像

时间:2015-06-26 08:44:46

标签: javascript css

所以我正在使用Chrome,我非常喜欢他们的'光标:等待'风格。我怀疑这是可能的,但是可以在div中使用背景图像,而不是在悬停或鼠标所在的位置吗?或者我唯一的选择是找到该文件并将其放在本地?该文件似乎是一种不同的文件格式,因此有点复杂。

2 个答案:

答案 0 :(得分:2)

看起来它正在使用操作系统动画(我得到一个看起来像Windows的微调器)

我不知道它是否可以从某个地方轻松提取出来,但你可以找到类似的东西,你可以使用http://preloaders.net/

答案 1 :(得分:1)

那不是chrome的光标。这取决于您的鼠标光标在窗口中的设置方式。 cursor: wait只是告诉浏览器将鼠标悬停在该元素上时应显示哪个光标。我看起来像这样:

Mine looks like this

要对背景使用类似的东西,你需要一张图片(可以是gif或者你可以用CSS动画)和简单的CSS。

.cursor-wait:hover {
    background-image: url("image.png");
}