我正在尝试使用自定义图像更改我的网站上的光标鼠标。
这是我的实际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。
我正在使用的光标文件可以在这里找到。
另一个问题是我只是更改a:active图像来动画我的光标,但它消失得很快。
当我们单击转到某个页面时,我想更改光标,并且一旦加载此页面,光标就会变为“正常”。
当有人点击我网站的某些内部链接时,我正在寻找一种更改光标的方法。
我不必更改所有链接来执行此操作,但它似乎不起作用。
我考虑了一些 window.onload JavaScript,但我没有实现编写它,并且可能有更好的方法。
感谢您的 CSS 或 JavaScript 建议。