鼠标单击光标效果遍及整个站点

Mouse Click curser effect throughout site

本文关键字：站点 单击 光标 鼠标      更新时间：2023-09-26

我认为用jQuery设置自定义光标点击效果会很酷。类似于Android Incredible 2浏览器，当选择时，它会以绿色突出显示可点击的项目。除了我的是光标周围有一个1px宽度的方框，非常微妙，它会浮动/切换，直到你指向一个可点击的项目-然后它会"锁定"。

我发现了这样的东西，在点击时触发了一堆方块，但我不能重新定位我找到它的地方-这是大量的JavaScript，这是可能的jQuery -这对用户体验来说是一个坏主意吗?

您可以使用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>
相关文章：