Вы, возможно, видели ползунки JavaScript, прежде чем:JQuery: Создание кругового ползунка
http://dev.jquery.com/view/tags/ui/1.5b2/demos/ui.slider.html
Что я Предвидение является круговым слайдером. Он будет состоять из перетаскиваемой кнопки в одной точке круга - и эту кнопку можно перетащить куда угодно по кольцу. Значение зависит от того, в какой позиции находится кнопка (подумайте о часах).
определить центральную точку C текущую точку мыши на м
в вашей мыши обработчик события перетаскивания, вы бы
var dx = m.x-c.x;
var dy = m.y-c.y;
var scale = radius/Math.sqrt(dx*dx+dy*dy);
slider.x = dx*scale + c.x;
slider.y = dy*scale + c.y;
радиус будет некоторое заданное значение ползунка,
Как насчет: http://www.thewebmasterservice.com/dev-blog/curved-rounded-or-circular-sliders-javascript-jquery-ui
Некоторые объяснения и демонстрация.
Как насчет этого плагина http://controlwheel.com/. он прост в использовании и имеет некоторые примеры
Я написал jQuery plugin, который поддерживает ползунки ползунки/полки.
Проверьте плагин JQuery roundSlider отсюда http://roundsliderui.com/. Это то, что вы хотите точно.
Этот круглый патрон имеет аналогичные варианты, такие как слайдер jQuery ui. Он поддерживает стандартные, минимальные и диапазонные диапазоны. Не только круглый слайдер он также поддерживает различные circle shapes, такие как квартал, половина и pie круглые фигуры.
Для получения дополнительной информации проверьте страницу demos и documentation.
Пожалуйста, проверьте демо-версию от jsFiddle.
Похожие ответы:https://stackoverflow.com/a/31367164/1845801 и https://stackoverflow.com/a/31369265/1845801
Скриншоты:
Как бы реализовать это я искал то же самое и нашли эту тему, но я не имею понятия, как Я бы реализовал этот код – mcgrailm 2010-04-05 14:50:39