Javascript 如何创建圆形导航系统?

Javascript 如何创建圆形导航系统?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要创建一个圆形导航系统,类似于iPodtouch上的圆形导航按钮(见下图:) 它需要基于JavaScript(而不是Flash)。它的表盘上会有不同的菜单项。它还需要很小(直径约为300px)。这样的JavaScript组件是否已经存在?谢谢。有很多方法可以做到这一点。在支持CSS圆角的现代浏览器中,您可能不需要任何额外的图像文件就可以做到这一点,但也可以使用简单的圆形图像作为背景。然后,你可以放置一些可点击的元素,这些元素有透明的背景和按钮的白/黑/紫/任何文本 鼠标拖动圆圈是可能的,这是

我需要创建一个圆形导航系统,类似于iPodtouch上的圆形导航按钮(见下图:)


它需要基于JavaScript(而不是Flash)。它的表盘上会有不同的菜单项。它还需要很小(直径约为300px)。这样的JavaScript组件是否已经存在?谢谢。

有很多方法可以做到这一点。在支持CSS圆角的现代浏览器中,您可能不需要任何额外的图像文件就可以做到这一点,但也可以使用简单的圆形图像作为背景。然后,你可以放置一些可点击的元素,这些元素有透明的背景和按钮的白/黑/紫/任何文本

鼠标拖动圆圈是可能的,这是一个有趣的项目,但可能不是微不足道的(鼠标拖动总是有一些怪癖。)


我从来没有见过这样的jQuery插件,但如果有,我也不会感到惊讶。然而,如果它只是围绕一个圆圈单击,那就不会太难了。Javascript支持您需要的所有trig函数。

有很多方法可以做到这一点。在支持CSS圆角的现代浏览器中,您可能不需要任何额外的图像文件就可以做到这一点,但也可以使用简单的圆形图像作为背景。然后,你可以放置一些可点击的元素,这些元素有透明的背景和按钮的白/黑/紫/任何文本

鼠标拖动圆圈是可能的,这是一个有趣的项目,但可能不是微不足道的(鼠标拖动总是有一些怪癖。)


我从来没有见过这样的jQuery插件,但如果有,我也不会感到惊讶。然而,如果它只是围绕一个圆圈单击,那就不会太难了。Javascript支持您需要的所有trig函数。

这里有几个示例可能会有所帮助:和


说了这些,我从来没有在ipod上玩过足够多的东西来记住它是怎么做到的

这里有几个例子可能会有所帮助:和

说了这些,我从来没有在ipod上玩过足够多的东西来记住它是怎么做到的