0

经过大量搜索没有运气。我决定在这里发帖。

我正在使用 jquery 旋钮来显示一些图表。并且还希望动画制作完成并且工作良好。但我想使用 jquery 平滑滚动插件在页面滚动上制作动画。例如：当我单击图表菜单项时，页面滚动到图表部分，这次我想为旋钮设置动画。

另外，如果您有任何选择，请建议我。

提前致谢

HTML 代码

<input type="text" class="dial" value="90" >

jQuery代码

$('.dial').each(function () { 
    var elm   = $(this);
    var color = elm.attr("data-fgColor");
    var perc  = elm.attr("value");

    elm.knob({ 
      "value"        : 0,
      "min"          : 0,
      "max"          : 100,
      "width"        : 200,
      "height"       : 200,
      "bgColor"      : "#edf1ea",
      "fgColor"      : "#82b854",
      "skin"         : "tron",
      "readOnly"     : true,
      "thickness"    : .2,
      "linecap"      : "round",
      "dynamicDraw"  : true,
      "displayInput" : false
    });

    $({value: 0}).animate({ value: perc }, {
      duration : 1000,
      easing   : 'swing',
      progress : function () {
        elm.val(Math.ceil(this.value)).trigger('change')
      }
    });
});
4

0 回答 0