【发布时间】:2011-02-04 10:09:26
【问题描述】:
是否有基于 jQuery 的 360 度旋转滑块,用户可以在其中抓取末端并将其旋转 360 度?
【问题讨论】:
-
我找到了一个线程 *.com/questions/351371/…,但它没有显示如何实现,它也不是一个真正的 jquery 插件我留下了评论希望更接近我的目标
标签: jquery jquery-ui slider 360-degrees
是否有基于 jQuery 的 360 度旋转滑块,用户可以在其中抓取末端并将其旋转 360 度?
【问题讨论】:
标签: jquery jquery-ui slider 360-degrees
在interface.eyecon.ro 上查看这个示例,它有一个圆圈和一个可拖动的手柄,从页面源来看它并不太复杂。
【讨论】:
以客户欣赏的方式完成此任务的唯一正确方法是深入研究 HTML CANVAS 元素。我不认为已经为您的目的做过一个,但我记得前一段时间我看到 soundmanager api 公司在画布上试验 360 滑块,以在他们的播放器上寻找声音的时间间隔。
【讨论】:
我知道这是一个很晚的答案,但我希望这对即将到来的用户有用。
jQuery roundSlider 插件是满足您要求的完美插件。
这个圆形滑块具有与 jQuery ui 滑块类似的选项。它支持默认、最小范围和范围滑块类型。不仅是圆形滑块,它还支持各种circle shapes,例如四分之一、一半和饼形圆形。
更多详情请查看demos 和documentation 页面。
请查看jsFiddle的现场演示。
输出截图:
【讨论】: