2014-01-11 56 views
1

我試圖尋找動畫的圓形滑塊。它的工作像下面這樣:適用於天氣應用的圓形滑塊

<input type="range" min="0" max="50" value="0" step="5" onchange="showValue(this.value)" /> 
<span id="range">0</span> 
function showValue(newValue) 
{ 
    document.getElementById("range").innerHTML=newValue; 
} 

但不是水平滑動就需要在走了一圈。有沒有類似的東西已經建成了?我可能沒有足夠的經驗來從頭開始構建它。

+0

你什麼意思通過做「之類的後續工作......但不是水平滑動......」?你展示的代碼根本不動畫。 – nnnnnn

+0

你會滑動圖標,但不是水平移動(如示例中所示),它必須位於一個圓圈內....這是我發現的最接近的... – Alex

+0

_「而不是水平移動(如圖所示在這個例子中)「_ - 但是你的例子_不以任何方式滑動或動畫。它所做的就是直接設置「範圍」元素的html內容。另外,該元素已經在頁面上顯示,所以當你說「在一個圓圈內」時,你的意思是它應該從它已經在頁面上的一個圓圈移動並完成它開始的位置? – nnnnnn

回答