Датчик / ручка Jquery, Javascript, CSS3
0
Кто-нибудь сделал это раньше? - Я создаю датчик/ручку. Я попытался проиллюстрировать идею на этой картине
Идея: вы можете перетащить кнопку, и в соответствии с изменением значения кнопки перетаскивания изменится текст и заполненный цвет. Я googled для возможных методов - есть несколько решений для калибровочной анимации, таких как gauge.js или http://anthonyterrien.com/knob/, но нет никаких кнопок с одним нажатием для перетаскивания.
Возможно, раньше кто-то делал подобное, любая помощь была бы оценена. Благодарю.
1 ответ
0
я знаю, что raphael немного негабарит для довольно простых функций вроде этого, но... надеюсь, что это поможет вам; http://bseth99.github.io/projects/svg/4-raphael-svg-slider.html обязательно проверьте пример окружности
entio
Поделиться
Ещё вопросы
- 1Код Python 3.5 / 3.6 в зависимости от порядка вставки dict
- 0Странная ошибка возле MySQL с функцией
- 0Сделайте, чтобы переменная PHP была распознана
- 0Внедренное видео в ios, предотвращающее функциональность navbar jquery mobile
- 0Как я могу хранить отдельное изображение в отдельном поле с одним кодом PHP
- 1Как я могу использовать AddOrUpdate .NET ConcurrentDictionary с моим пользовательским POCO?
- 1Импорт pcap на малину
- 0Исправлено Nav, содержимое сайта затем перемещается вверх - Как это предотвратить?
- 0Перенести значение из выпадающего в текстовое поле
- 1как удалить /root/.local/lib/python2.7?
- 0document.write очень медленно, за исключением Firefox
- 0Кэширование интерфейса Webapp и восстановление его с помощью html5 localstorage
- 1Gradle обертка получить неверную версию Java в проекте Android на Windows
- 0com.mysql.jdbc.MysqlDataTruncation: усечение данных: неверное значение даты и времени: «0000-00-00 00:00:00» для столбца «lastchange» в строке 1
- 0Как динамически в параметризованном конструкторе?
- 0текст в контроллере никогда не регистрируется / никогда не запускался Angular Rails
- 1OpenCV / Python - Найти угловые координаты прямоугольника с рисунком в оттенках серого по серому изображению?
- 1Сортировать список по имени, дате и иерархии
- 1Как получить размер итератора без зацикливания?
- 1Извлечение значений строк данных
- 1Попытка перенести старый алгоритм шифрования на C #
- 0Как запретить Tomcat 7 / Spring / Tiles обрезать пробелы в выводе HTML
- 0счетчик переключателей
- 0привязки сервисов уровня приложения в облачном литейном приложении для весенней загрузки
- 0spl_autoload_register создавать экземпляры классов
- 0преобразование даты в сокращенном формате строки в формат даты в MySQL
- 1Импорт телефонных номеров с облачным питоном Google Python
- 0Как использовать оператор case для присвоения значения из другой строки?
- 0Скомпилировать функцию MATLAB во что-то, что можно запустить на терминале linux без MATLAB?
- 1Android - Kotlin: сделать GET или PUT запрос на отправку JWT
- 1Как добавить родной андроид проект, чтобы реагировать на родной?
- 0Рекурсивно создать дерево
- 1Как добавить несколько столбцов в таблицу в SQL?
- 1Преобразовать значения пикселей RGB в диапазоне в последовательные числа
- 0Невозможно получить более 15 строк в angularjs
- 0Можно ли вернуть $ var1 & $ var2 в Codeigniter?
- 0Ошибка загрузки JS с использованием Backbone с помощью requireJS
- 1WP8 BUG: несоответствие идентификатора подписи кода при установке из хаба компании
- 0Аналоговый div для использования в C # (сервер)
- 0Передача идентификатора пользователя в апплет?
- 0опция по умолчанию в поле выбора - угловой JS
- 1Запрос OData без части составного первичного ключа в URL
- 0Нужно ли удалять этот объект? (если я не собираюсь когда-либо удаляться)
- 1Обходное окно window.location.hash для chrome / angular2
- 1Как правильно загружать больше предметов в программу recyclerView, используя Retrofit? (Котлин)
- 1Выпуск JComboBox
- 0Перезаписать / переопределить предупреждение Javascript другим предупреждением
- 1Получить данные из обратных вызовов
- 0Ошибка основного дампа связанного списка C ++
- 0Как сделать таблицу, которая не изменяется в размере в HTML
