如何創建一個jQuery滾動來編輯CSS？

Question

在有很多的CSS例子有此滾動編輯CSS

alt text http://img213.imageshack.us/img213/9206/scrollbar.png

我無法找到一個文章要做到這一點，可以有人解釋如何？

Answer 1

OK，使滑塊改變CSS：

$("#slider").bind("slidechange", function(event, ui) { 
if (ui.value === 10) { 
    $("#idTochange").css('background-color','red') 
//you can add any jQuery code you want to run here when the slider value = 10 
} else if (ui.value === 15 { 
    $("#idTochange").css('background-color','green') 
} else { 
    $("#idTochange").css('background-color','blue') 
} 
console.log(ui.value); //debug output of slider value, use this to change the if values above 
}); 

檢查http://jqueryui.com/demos/slider/關於如何實例化一個滑塊的詳細信息，以及如何訪問jQueryUI返回的信息

Answer 2

您可以在這裏找到使用jQueryUI的滑塊的一些很好的例子：http://jqueryui.com/demos/slider/