Web サイトのカーソル マウスをカスタム イメージで変更しようとしています。
これが私の実際の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で動作します。
私が使用しているカーソル ファイルは、ここにあります。
もう1つの問題は、a:active画像を変更してカーソルをアニメーション化するだけですが、すぐに消えてしまうことです。
クリックしてページに移動するときにカーソルを変更し、このページが読み込まれるとカーソルが「通常」になるようにします。
私が探しているのは、誰かが私のウェブサイトの内部リンクをクリックしたときにカーソルを変更する方法です。
これを行うためにすべてのリンクを変更する必要はありませんが、うまくいかないようです。
window.onload JavaScript についていくつか考えましたが、それを書くことはできませんでした。より良い方法があるかもしれません。
CSS または JavaScript の提案をありがとうございます。