css - 加载页面时如何使用自定义图像为鼠标光标设置动画？

Question

我正在尝试使用自定义图像更改我网站上的鼠标光标。

这是我的实际 CSS:

<style type="text/css">
<!--
body {
cursor:url(images/default.cur),auto; 
}
a:hover {
cursor: url(images/hover.cur),auto;
}
a:active {
cursor: url(images/wait.ani),auto;
}
-->
</style>

Firefox 3.5.6 确实更改了我的 .cur 文件的默认光标，但问题是 .ani 光标不适用于 Firefox(甚至 .gif)。它确实适用于 IE。

可以找到我正在使用的游标文件here .

另一个问题是，我只是更改 a:active 图像来激活我的光标，但它很快就消失了。

我想在我们点击转到某个页面时更改光标，并且在加载此页面后光标变为“正常”。

我想要的是一种在有人点击我网站的某些内部链接时更改光标的方法。

我不必更改我的所有链接来执行此操作，但它似乎不起作用。

我考虑过一些 window.onload JavaScript，但我没有写出来，可能有更好的方法。

感谢您的 CSS 或 JavaScript 建议。

Answer 1

请不要在被要求提供编程解决方案时提供设计反馈。传回设计评论不是开发人员的职责。这可能不是他的决定，可能行不通，但他想尝试，我们应该提供帮助。如果您所处的环境中，程序员对每个设计决策都进行了严格的判断，您就会意识到这对整个团队来说是非常具有破坏性的。如果你不评论你是否同意他们想做的事情，除非被问到，否则设计师和团队成员会更看重你。我希望如果您考虑一下，就会明白为什么它很重要。