マウスクリックのカーソル効果をサイト全体で

Question

jQueryでカスタムカーソルクリックエフェクトを設定するのはクールだと思います。選択されたときにクリック可能なアイテムが緑色で強調表示されるAndroid Incredible 2ブラウザに似たもの。私を除いて、カーソルは1pxの幅のようなもので、非常に微妙なもので、クリック可能なアイテムをポイントするまではフロート/トグルします。

私は、このような何かがクリックで四角形を発射したことを発見しましたが、私が見つけた場所に移動することはできません - それはJavaScriptの膨大な量でした、これはjQueryで可能です - そしてこれはユーザーエクスペリエンスのための悪い考えですか？

Answer 1

カーソルを変更するのにCSSを使用できます。JavaScriptイベントでは、いつでもカーソルを変更できます。次に例を示します。

<style> 
    .cursor1 { cursor: pointer; } 
    .cursor2 { cursor: url(myCur.cui); } 
</style> 

<script> 
    var mydiv = document.getElementById("myDiv"); 
    mydiv.onmousedown = function(e) { 
    e.target.classList.add("cursor2"); 
    } 
    mydiv.onmouseup = function(e) { 
    e.target.classList.remove("cursor2"); 
    } 
</script> 

<div id="myDiv" class="cursor1"> Here is my text!! </div> 

また、JQueryを使用できます。