Элемент HTML Slider?

Question

Я кодирую приложение (временно вверх здесь ), и я хочу сделать его параметры изменяемыми. Я чувствую, что лучший способ сделать это будет с вашими стандартными элементами слайдера GUI (а-ля это , но не так страшно). Я только заметил, что DOM не предоставляет их, однако ...

Какой лучший способ представить ползунки на веб-странице? Есть ли стандартная библиотека, которую все используют? Должен ли я просто свернуть свой собственный? Или я должен использовать другой элемент? Должен ли я как-то встроить их в элемент canvas?

Answer 1

В HTML5 есть элемент управления ползунком, он выполняется с помощью .

Проверьте поддержку браузера здесь: http://caniuse.com/input-range

Answer 2

jQuery UI поддерживает это .

Если вы уже используете jQuery, его будет легко изучить.

Answer 3

Я использовал один в YUI3. Он все еще находится в бета-версии, но предоставляет множество отличных функций и скинов. http://developer.yahoo.com/yui/3/slider/

Answer 4

Я уверен, что, вероятно, для этого также есть библиотека jQuery, но эта библиотека MooTools - та, которую я использовал раньше, и у меня не было жалоб:

Слайдер MooTools