7

HTMLページでマウスカーソルを変更する方法が必要です。これはcssで実行できることはわかっていますが、たとえばページにボタンを配置するなど、実行時に変更できるようにする必要があり、クリックするとカーソルが特定のカスタムグラフィックに変更されます。これを行う最良の（または唯一の？）方法は、javascriptを使用することだと思いますか？主要なブラウザのすべてで動作する、これをうまく行う方法があることを願っています。誰かがこれで私を助けることができれば、私は非常に感謝しています.

前もって感謝します

4

6 に答える 6

6

返信ありがとうございます。私はついにそれを働かせました。これが私がそれをした方法です：

<html>
<head>
    <script type="text/javascript">
        function changeToCursor1(){
            document.body.style.cursor="url('cursor1.ani'),url('cursor1.cur'), default";
        }
        function changeToCursor2(){
            document.body.style.cursor="url('cursor2.ani'),url('cursor2.cur'), default";
        }
    </script>
</head>

<body>

    <form>
        <input type="button" value="Change to cursor 1" onclick="changeToCursor1()" /><br>
        <input type="button" value="Change to cursor 2" onclick="changeToCursor2()" />
    </form>
</body>

Firefox で動作させるには、少なくとも 2 つのカーソルの選択肢を渡す必要があることがわかりました。また、Firefox では、アニカーソルでは動作せず、cur のみで動作します。これが、ani の後に cur を付けた理由です。IE では ani が表示され、Firefox では cur が表示されます。

Active-X 警告が表示されず、ユーザーが同意することなく、IE でカーソルを変更できるかどうかは誰にもわかりませんか?

于 2009-07-31T04:49:37.980 に答える
3

http://www.javascriptkit.com/dhtmltutors/csscursors.shtml

下部に例があります。

于 2009-07-31T02:09:12.960 に答える
1

JQueryの使用：

$('.myButton').click(function(){
    $(this).css('cursor', 'url(/url/to/cursor/image)');
});
于 2011-05-29T06:38:56.990 に答える
1

リンクのみでこれを行いたい場合は簡単です。次のような CSS があります。

a:hover { cursor: crosshair; } #this is when you mouseover the link
a:active { cursor: wait; } #this is the moment you click it

:active は a 以外の要素では機能しないため、Prestaul と scunliffe が述べた Javascript を使用することをお勧めします。

于 2009-07-31T02:30:31.167 に答える
-1 
// Get the element you want to change the cursor for
var el = document.getElementById('yourID');

// This image url is relative to the page url
el.style.cursor="url(pathToImage.png)";
于 2009-07-31T02:20:42.710 に答える
-1 
//you can set all the normal cursors like this
someElem.style.cursor = 'progress';

必要な特別なカーソルは何ですか?...もっと良いオプションがあるかもしれません。

于 2009-07-31T02:16:42.327 に答える