mootools 滚动条（Slider）

创建一个新的滚动条（Slider）对象
Slider的选项
Snap：（默认为false），可以是一个true或者false值。这决定了滑块是不是以最小单元格移动
Offset：（默认是0），这是滑块相对于开始的位置。
Range：（默认是false），这是一个非常有用的选项。你可以设置一个数字范围，会依照此数字和你的步数（step）触发onchange事件。
Wheel：（默认是false），如果设置这个参数为true，这个滚动条将会识别鼠标滚轮事件。当使用鼠标滚轮时，你可能需要调整range参数，以保证鼠标滚轮事件的行为不是相反的。
Steps：（默认是100），默认值为100非常有用，因为它可以很容易地作为百分比使用。当然，你也可以以你的理由设置任意多步（这是可以的）。
Mode：（默认是“horizontal(水平)”），这个参数定义了滚动条是水平滚动还是垂直滚动。当然了，要从水平滚动转化为垂直滚动还需要一些其它步骤。

回调事件

onChange：当step改变时，触发这个事件。同时传递参数“step”。
onTick：当控制点的位置发生改变时触发这个事件。同时传递参数“position”。
onComplete：当控制点释放时触发这个事件。同时传递参数“step”。

例子：

var sliderObject = $('slider');

var knobObject = $('knob');

// 创建一个新的slider对象

// 首先定义slider元素

// 然后定义滑块元素

var SliderObject = new Slider(sliderObject , knobObject ,  {

    ......

})