Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
卷的滑块控件-JQuery/Javascript_Javascript_Jquery_Jquery Plugins - Fatal编程技术网

卷的滑块控件-JQuery/Javascript

卷的滑块控件-JQuery/Javascript,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我正在寻找一个使用JQuery/Javascript的奇特的滑块控件。本机JQuery滑块对于这个需求来说相当乏味。滑块将用于以5为增量指定音量。所以,这个滑块应该只允许用户以5的增量滑动 一个很好的功能是能够在滑块位置上方显示标签,指示用户选择的音量。所有的CSS都在后台,你可以定制它 设置捕捉时,可以按如下方式执行增量和更新量: $("#mySlider").slider({ orientation: "vertical", range: "min", m

我正在寻找一个使用JQuery/Javascript的奇特的滑块控件。本机JQuery滑块对于这个需求来说相当乏味。滑块将用于以5为增量指定音量。所以,这个滑块应该只允许用户以5的增量滑动

一个很好的功能是能够在滑块位置上方显示标签,指示用户选择的音量。所有的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"));

我找到了一个不错的音量滑块。我想这就是你要找的。这是一款经典的三角形控制器,垂直条不断增加。而且它可以通过位置指示器进行定制。在此处下载zip文件:

无论您使用什么,请务必使用最终音量倍增器的对数。@Mark-您能详细介绍一下吗?我很想知道你的意思。jQueryUI滑块到底出了什么问题?您提到它“太平淡”,但它满足所有要求…了解它的问题会有所帮助。我可以使用jquery滑块在滑块选择的顶部显示标签吗?我可以设置图像作为背景吗?我可以改变滑块的外观吗?对以上所有内容都可以,我发布了一个答案,其中包含了示例和链接。