jQuery Circle Navigation

Question

我有一個要求有一個宇宙類型菜單，其中有一個主要項目在中心，並且「X」項目周圍有多少。 （即：太陽與行星）。

我已經搜索了一個例子的高低，所有的搜索結果指向使用CSS，但這需要手動計算出物品的位置。

如何創建一個像這樣的菜單，我可以動態添加項目？

我相信有一些的jQuery/JavaScript示例地方

Answer 1

查看jQuery Radmenu - http://tikku.com/jquery-radmenu-plugin

Answer 2

我剛剛做了很多google搜索你的地獄 - 但沒有任何發現任何東西。

所以，答案必須是 - 自己寫（看，這很有趣！）。
我找到this great resource來幫忙。這不是JavaScript，但代碼可以很容易地重寫，以幫助繪製所需的隱形圈來實現這一訣竅。

可能還需要一些正弦/餘弦物體 - 動態確定您的菜單點應該在哪個圓上。不幸的是，這不僅僅如說360/numberOfMenus ;-)

我希望這可以幫助你。有時候，答案是你必須自己去做：D

Answer 3

你嘗試搜索餅圖菜單嗎？有一對夫婦jQuery插件：

• jQuery - Pie Menu
• jQuery Canvas Pie Menu

Answer 4

我發現這個線程爲時已晚，因爲我也建一個。你可以在這裏找到它：http://www.pritaeas.net/public/jquery/hp/circulate/index.html

這是一個jQuery插件，非常小，將li項放在一個圓圈中。