javascript - 如何为速度计创建 jquery 插件

Question

我作为 Web 开发人员工作并创建小型 jquery 插件，例如反向文本、 slider 图像。现在我想创建速度计。我不知道如何开始创建速度计插件。我也谷歌搜索但没有得到任何好的解决方案。

Answer 1

您将找到一个有用的教程，用于使用 jquery 和 CSS3 创建动态速度计 here ，这是一个 jQuery 插件，可帮助您创建一个动画且高度可定制的速度计，表示您在输入字段中键入的数字。基于 jQuery 和 CSS3 转换和转换。无需图像。

使用方法:

$("#demo").myfunc({
    maxVal  : 180, // Max value of the meter
    divFact : 10,  // Division value of the meter
    dangerLevel : 120, // more than this leval, color will be red
    initDeg : -45, // reading begins angle
    maxDeg  : 270, // total angle of the meter reading
    edgeRadius  : 150, // radius of the meter circle
    speedNobeH  : 4,   // speed nobe height
    speedoNobeW : 95,  // speed nobe width
    speedoNobeL : 13,  // speed nobe left position
    indicatorRadius : 125, // radius of indicators position
    indicatorNumbRadius : 90,  // radius of numbers position
    speedPositionTxtWH  : 80,  // speedo-meter current value cont
    nobW: 20,  // indicator nob width
    nobH: 4,   // indicator nob height
    numbW   : 30,  // indicator number width
    numbH   : 16,  // indicator number height
    midNobW : 10,  // indicator mid nob width
    midNobH : 3,   // indicator mid nob height
    noOfSmallDiv: 2,   // no of small div between main div
    eventListenerType   : 'change',// no of small div between main div
});