MooTools教程(15):滚动条(Slider)
到现在为止，初始化这些MooTools插件对象就会开始变得越来越熟悉。滚动条（Slider）没有任何不同，你要创建一个新的滚动条，定义滚动条和滑块相关的元素，然后设置你的选项，再创建一些回调事件的控制函数。尽管滚动条（Slider）遵循这个熟悉的模式，但是任然还有一点特殊的地方。
基本用法创建一个新的滚动条（Slider）对象我们首先从HTML和CSS开始。基本的想法是创建一个滚动条的div，因此是一个长的长方形（长度取决于我们用滚动条做什么），还有一个子元素作为滑块。
参考代码： div id=div id=/div/div我们的CSS也可以这么简单。只需要设置宽、高，还有背景颜色。
参考代码： #slider { : : : #} #knob { : : : #}现在，我们可以创建我们的新滚动条对象了。要初始化滚动条，首先要把你的相关元素赋值给一些变量，然后使用new来创建一个滚动条Slider对象，这和我们以前创建tween、morph和drag.move时一样：
参考代码： sliderObject = $(); knobObject = $(); Sli...[ 查看全文 ]
2016-02-20
标签:
