JSMeter виджет измерительного прибора

JSMeter виджет измерительного прибора jsgadget.ru

Категория: ИнформерыРасчеты
Описание: Виджет измерительного прибора, отображает статические и динамические показатели.
Настройки: Настройки внешнего вида всех элементов прибора - стрелки, делений, формы, диапазона и т.д.
Пример кода: <script type="text/javascript" src="http://jsgadget.ru/js/jquery-2.0.2.min.js"></script> <script type="text/javascript" src="http://jsgadget.ru/js/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="http://embedru.maintarget.ru/assets/outjs/jsmeter-1.1.2.min.js"></script> <script type="text/javascript" src="http://jsgadget.ru/jsgadget/jsmeter5.js"></script> <style> #meter_o { margin-left: 50px; padding-top: 5px; height: 140px; width: 280px; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; box-shadow:inset rgba(255,255,255,0.7) 2px 2px 2px, inset rgba(0,0,0,0.3) -2px -2px 2px, 4px 4px 6px 2px rgba(0,0,0,0.7); -moz-box-shadow:inset rgba(255,255,255,0.7) 2px 2px 2px, inset rgba(0,0,0,0.3) -2px -2px 2px, 4px 4px 6px 2px rgba(0,0,0,0.7); -webkit-box-shadow:inset rgba(255,255,255,0.7) 2px 2px 2px, inset rgba(0,0,0,0.3) -2px -2px 2px, 4px 4px 6px 2px rgba(0,0,0,0.7); background:gray; } #meter_i { margin-left: 10px; padding-top: 10px; width: 260px; height: 100px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; background:white; box-shadow:inset rgba(0,0,0,0.3) 2px 2px 2px, 2px 2px 2px rgba(255,255,255,0.7); -moz-box-shadow:inset rgba(0,0,0,0.3) 2px 2px 2px, 2px 2px 2px rgba(255,255,255,0.7); -webkit-box-shadow:inset rgba(0,0,0,0.3) 2px 2px 2px, 2px 2px 2px rgba(255,255,255,0.7); } </style> <div id="meter_o"> <div id="meter_i"></div> </div>; Для добавления на сайта используйте код с сайта виджета

Перейти на сайт виджета