mootools 滚动条(Slider)
创建一个新的滚动条(Slider)对象
Slider的选项
Snap:(默认为false),可以是一个true或者false值。这决定了滑块是不是以最小单元格移动
Offset:(默认是0),这是滑块相对于开始的位置。
Range:(默认是false),这是一个非常有用的选项。你可以设置一个数字范围,会依照此数字和你的步数(step)触发onchange事件。
Wheel:(默认是false),如果设置这个参数为true,这个滚动条将会识别鼠标滚轮事件。当使用鼠标滚轮时,你可能需要调整range参数,以保证鼠标滚轮事件的行为不是相反的。
Steps:(默认是100),默认值为100非常有用,因为它可以很容易地作为百分比使用。当然,你也可以以你的理由设置任意多步(这是可以的)。
Mode:(默认是“horizontal(水平)”),这个参数定义了滚动条是水平滚动还是垂直滚动。当然了,要从水平滚动转化为垂直滚动还需要一些其它步骤。
onTick:当控制点的位置发生改变时触发这个事件。同时传递参数“position”。
onComplete:当控制点释放时触发这个事件。同时传递参数“step”。
例子:
var sliderObject = $('slider'); var knobObject = $('knob'); // 创建一个新的slider对象 // 首先定义slider元素 // 然后定义滑块元素 var SliderObject = new Slider(sliderObject , knobObject , { ......
})
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”。
例子:
![](http://img.zemanta.com/pixy.gif?x-id=24248452-5a1e-8031-b932-a4068b78acec)