音量滑块控件- JQuery/Javascript

Question

我正在寻找一个奇特的滑块控件使用JQuery/Javascript。对于这个要求，原生JQuery滑块相当平淡无奇。该滑块将用于指定以5为增量的音量。因此，此滑块应仅允许用户以5为增量进行滑动。

一个很好的功能是能够在滑块位置上方显示标签，表明用户选择了什么音量。

Answer 1

下面是一个使用jQuery UI Slider的customization you're after示例。在后台都是CSS，你可以自定义它的地狱。

设置捕捉时，您可以执行增量操作并更新数量，如下所示：

$("#mySlider").slider({
      orientation: "vertical",
      range: "min",
      min: 0,
      max: 100,
      step: 5,
      slide: function(event, ui) {
           $("#amount").val(ui.value);
      }
 });
$("#amount").val($("#mySlider").slider("value"));

Answer 2

我找到了一个很好的音量滑块。我想这就是你要找的。它是典型的三角形控制器，垂直条不断增加。它是非常可定制的位置指示器。在这里下载压缩文件：http://ruwix.com/javascript-volume-slider-control/