鼠標點擊整個站點的光標效果

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。