滑块控制音量 - JQuery/Javascript

Question

我正在寻找一个使用JQuery/Javascript的花哨滑块控件.对于此要求,原生JQuery滑块相当平淡.滑块将用于以5为增量指定音量.因此,此滑块应仅允许用户以5为增量滑动.

一个很好的功能是能够在滑块位置上方显示标签,指示用户选择的音量.

Answer 1

这是您使用jQuery UI Slider 之后的自定义示例.它是后台的所有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"));