滑塊控制音量 - 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"));

Answer 2

我找到了一個很棒的音量滑塊。 我想這就是你要找的東西。 它是經典的三角形控制器，具有增加的垂直條。 並且它可以通過位置指示器進行定制。 在此處下載zip文件： http ： //ruwix.com/javascript-volume-slider-control/