This example uses the YUI Slider Control to implement a basic horizontal slider with tick marks & that is, with predefined intervals at which the slider thumb will stop as it's dragged. (By default, a slider thumb can be dragged one pixel at a time.)
Here are some important characteristics of this implementation:
Pixel value: 0
You supply your own markup for the slider. Keep in mind the following points about markup for YUI Slider Control implementations:
<img>element rather than a CSS background for the thumb to get around a performance bottleneck when animating the thumb's position in IE.
Note: You are viewing this example in debug mode with logging enabled. This can significantly slow performance.