我正在寻找一种特定类型的Jquery滑块

Question

我正在寻找一个可以执行以下操作的jquery插件滑块：

http://hitmo-studio.com/contact.html#business-query （请查看预算滑块）

我不知道你怎么称呼这种类型的滑块所以我找不到任何有用的东西

Answer 1

$('.slider li').click(function(){  
  var liPos = $(this).position().left;
  $('.slibox').stop(1).animate({left:liPos},800);
});

jsBin demo 的

<小时/> 只需稍加修改，您就可以动态更改框宽：

$('.slider li').click(function(){      
  var liPos = $(this).position().left;
  var liW = $(this).outerWidth(true);
  $('.slibox').stop(1).animate({ left: liPos, width: liW },600);      
});

jsBin demo2 的

现在，您可以轻松学习如何从此处升级（高度调整......）