html 光标作为圆形菜单(滚轮菜单/饼状菜单)

Question

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

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 为例，子菜单(显示在右侧的菜单)的文本是否可以根据用户定位/放置光标的位置而有所不同？

Answer 1

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

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

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