2014-01-11 2 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-содержимое элемента «range». Кроме того, элемент уже отображается на странице, поэтому, когда вы говорите «по кругу», вы имеете в виду, что он должен двигаться от того места, где он уже находится по кругу вокруг страницы, и заканчивать, где он начался? – nnnnnn

ответ

Смежные вопросы