我正在尋找一個特定類型的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

現在你可以很容易地學會如何將其從（高度調節這一點升級.. ）