1

我正在尝试将我的网站的标准光标更改为圆形菜单。以下是圆形/轮/饼菜单的一些示例：

  1. http://webdesigntutsplus.s3.amazonaws.com/155_WheelMenu/nav_wheel-css-only/wheel.htm
  2. http://www.cssplay.co.uk/menus/cssplay-pie-menu.html
  3. http://nikesh.github.com/Pie-Menu/

我想知道是否：

  1. 是否可以将默认鼠标光标更改为这些？
  2. 如果是，是否可以动态更改菜单的内容？例如，以示例 1 为例，子菜单的文本（出现在右侧的那些）是否可以根据用户定位/放置光标的位置而有所不同？
4

1 回答 1

0

cursor:none您可以通过在元素上设置 css 来隐藏光标。然后mousemove在同一元素上设置一个处理程序，在光标位置呈现您的新“光标”。

如果渲染需要时间，则用户生成 mousemove 事件的速度可能比您渲染的速度快。为避免性能不佳，当您连续获得一系列 mousemove 事件时，比您的渲染速度更快，您应该丢弃除最后一个之外的所有事件。

这回答了如何做到这一点的问题。你是否应该这样做是一个不同的问题。以他们无法控制的方式将用户的光标移开通常是一个坏主意。如果您在游戏中或网站上的特定控制矩形中执行此操作，那还不错。

于 2012-10-13T05:59:56.753 回答