jQuery Круговая навигация

Question

У меня есть требование, чтобы у меня было меню типа юниверса, где в центре находится главный элемент, а вокруг него «X». (то есть: солнце с планетами).

Я искал для примера верхний и нижний уровни, и все результаты поиска указывают на использование css, но для этого необходимо вручную определить положение элементов.

Как мне создать подобное меню, где я могу динамически добавлять элементы?

Я уверен, что где-то есть пример jQuery / javascript

Answer 1

Вы пробовали поискать круговые меню? Есть несколько плагинов jQuery:

• jQuery - Пироговое меню
• jQuery Canvas Pie Menu

Answer 2

проверить jQuery Radmenu - http://tikku.com/jquery-radmenu-plugin

Answer 3

Я просто чертовски много гуглял для вас - но тоже ничего не смог найти.

Итак, ответ должен быть - напишите это для себя (понимаете, это весело!).
Я нашел этот великий ресурс , чтобы помочь. Это не JavaScript, но код можно легко переписать, чтобы помочь нарисовать невидимый круг, необходимый для достижения цели.

Возможно, понадобятся некоторые вещи типа sin / cos - чтобы определить, где на круге должны быть ваши пункты меню, динамически. К сожалению, это не так просто, как сказать 360/numberOfMenus; -)

Надеюсь, это поможет вам. Иногда ответ таков: вы должны сделать это сами: D

Answer 4

Я нашел эту тему слишком поздно, потому что я тоже ее построил. Вы можете найти его здесь: http://www.pritaeas.net/public/jquery/hp/circulate/index.html

Это очень маленький плагин jQuery, который размещает элементы li по кругу.