Как создать прокрутку 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/