Question

我知道如何使用jQuery滑块，但我想知道如何解决这个问题。

我喜欢它，所以右手滑动更快 div的宽度增加。

例如。如果我滑动到滑块的第1步，则div的宽度连续增加5px。如果我滑动到滑块的第2步，则div的宽度连续增加10px。

提前致谢

编辑：到目前为止我有这个，但这显然是不对的。我不太确定从哪里开始：

$( ".sliderh" ).slider({
  value:1,
  min: 1,
  max: 200,
  slide: function( event, ui ) {
      horizontalVal = ui.value
    $('.square').css('width', horizontalVal)
  }
});

Answer 1

如果希望滑块的值以指数方式增加，则只需为其指定一些指数格式。像horizontalVal = Math.pow(horizontalVal, 2)这样的东西。如果这会增加div太慢或太快，只需调整即可。例如，您可以horizontalVal = Math.pow(horizontalVal/2, 2)。

编辑：

这样的事情：

var increase;
var interval;

$( ".sliderh" ).slider({
  value:1,
  min: 1,
  max: 200,
  slide: function( event, ui ) {
      increase = ui.value;
      }
});

$(".sliderh").mousedown(function(e){
    interval = setInterval(function(){
        $('.square').css('width', $('.square').width() + increase);
    }, 200);
});

$(".sliderh").mouseup(function(e){
    clearInterval(interval);
});

您可以调整当前设置为200ms的间隔长度，以及当前设置为滑块值的增大尺寸，以更改效果。现在，按住滑块的值每200ms按住鼠标时，它会增加，你向右滑动的距离越远，每个间隔的增加越多。

jQuery Slider - 变得更快

1 个答案: