我正在寻找特定类型的 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

现在您可以轻松学习如何从现在开始升级它（高度调整...）