圆形滑块选择

时间:2010-04-05 12:37:17

标签: jquery jquery-ui slider 360-degrees

是否有基于jQuery的360度旋转滑块,用户可以抓住它并将其旋转360度?

3 个答案:

答案 0 :(得分:5)

interface.eyecon.ro查看此示例,它有一个圆圈和一个可拖动的句柄,通过查看页面来源,它并不太复杂。

答案 1 :(得分:0)

以客户欣赏的方式完成这项工作的唯一正确方法是深入了解HTML CANVAS元素。我不认为有人为你的目的而做过但我记得不久前我看到soundmanager api公司在画布上试用360滑块来寻找他们玩家的时间圈声。

答案 2 :(得分:0)

我知道这是一个非常晚的答案,但我希望这对即将到来的用户有用。

jQuery roundSlider插件是满足您需求的完美插件。

这个滑翔机有类似jQuery ui滑块的选项。它支持默认,最小范围和范围滑块类型。它不仅支持圆形滑块,还支持各种circle shapes,例如四分之一,一半和饼形圆形。

有关详细信息,请查看demosdocumentation页。

请查看jsFiddle的实时演示。

输出屏幕截图:

default round slider - jQuery plugin min-range round slider - jQuery plugin range round slider - jQuery plugin