Как создать круглую навигационную систему?

Question

Мне нужно создать круглую навигационную систему, похожую на круглую навигационную кнопку на iPod Touch (см. Изображение здесь: http://www.flickr.com/photos/37476174@N06/4668497237/).

Это должно быть на основе JavaScript (не Flash). Вокруг циферблата будут разные пункты меню. Он также должен быть небольшим (около 300 пикселей в диаметре). Такой компонент JavaScript уже существует? Спасибо.

Answer 1

Вот несколько примеров, которые могут помочь: CSSPlay и Навигация «Рыбий глаз» и Круговая навигация

Сказав все это, я никогда не играл на iPod достаточно, чтобы вспомнить, как это делается!

Answer 2

Есть много способов сделать это. В современных браузерах, которые поддерживают закругленные углы CSS, вы, вероятно, могли бы делать это без каких-либо дополнительных файлов изображений, но у вас также могло бы быть простое круглое изображение в качестве фона. Затем вам нужно расположить несколько интерактивных элементов с прозрачным фоном и белым / черным / фиолетовым / любым текстом для кнопок.

Перетаскивание мышью по кругу было бы возможным и забавным проектом, но, вероятно, не тривиальным (перетаскивание мышью всегда имеет некоторые причуды.)

Я никогда не видел плагин jQuery для такой вещи, но я не удивлюсь, если он существует. Однако, если это просто кликабельность вокруг круга, это не будет слишком сложно. Javascript поддерживает все необходимые вам функции триггера.