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

现在你可以很容易地学会如何将其从（高度调节这一点升级.. ）