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。

鼠标在整个站点中单击光标效果

1 个答案: