Q

圓形滑塊選擇

2010-04-05 75 views 3 likes

3

是否有一個基於jQuery的360旋轉滑塊，用戶可以在其中抓取並旋轉360度？圓形滑塊選擇

2010-04-05 mcgrailm

+0

我發現一個線程http://stackoverflow.com/questions/351371/jquery-creating-a-circular-slider但它不顯示如何實現，它不是一個真正的jQuery插件我留下了一條評論，希望能更接近我的目標 – mcgrailm 2010-04-05 14:51:58

A

回答

5

看看這個例子，在interface.eyecon.ro，它有一個圓和一個可拖動的句柄，並且從頁面源看它不是太複雜。

2010-04-05 16:18:14 Mottie

+0

，看起來不錯，謝謝。你是怎麼找到那顆寶石的！ – mcgrailm 2010-04-05 16:52:15

0

您以一種客戶端所欣賞的方式完成此操作的唯一正確方法是潛入HTML CANVAS元素。我不認爲已經爲你的目的完成了任務，但是我記得前一段時間我看到soundmanager api公司在畫布上試驗了360個滑塊，以便在他們的播放器上尋找時間圈。

2010-04-05 15:25:40 XGreen

+0

這是一個想法，但我沒有時間或精力寫這段代碼我可能只需要去一個水平或垂直滑塊。我很驚訝，jquery-ui滑塊沒有圈選項 – mcgrailm 2010-04-05 15:47:50

0

我知道這是一個非常晚的答案，但我希望這對於即將到來的用戶很有用。

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

這個roundslider有類似jQuery ui滑塊的選項。它支持默認，最小範圍和範圍滑塊類型。不僅圓形滑塊，還支持各種circle shapes，如四分之一，一半和餡餅圓形。

有關更多詳細信息，請檢查demos和documentation頁面。

請檢查jsFiddle的現場演示。

截圖輸出的：

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

2015-07-13 18:53:02 Soundar

相關問題