Question

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

一个不错的功能是能够在滑块位置上方显示标签，指示用户选择的音量。

Answer 1

以下是使用customization you're after的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/

滑块控制音量 - JQuery / Javascript

2 个答案: