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事件时，比你能渲染的更快，你应该丢弃除最后一个之外的所有事件。

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