Question

In a lot of CSS examples there is this scrollbar to edit the CSS

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

I can’t find one article to do this,can someone explain how?

Answer 1

OK, to make a slider change 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
});

Check http://jqueryui.com/demos/slider/ for detailed info on how to instantiate a slider, and how to access the information returned by jQueryUI