Mootools 1.2教程 Fx.Tween的使用(3)

// 这将让宽度（width）从当前已经存在的值变化到300px
newTween.start('width', '300px');
// 这将首先设置宽度（width）为100px，然后变化到300px
newTween.start('width', '100px', '300px');

现在，你就可以在一个函数内部通过使用.start();方法来启动这个渐变了，如果你使用了在函数上通过.bind();方法绑定了“newTween”，你可以使用“this”。
以上这些就是到现在为止全部的渐变（tween）了……
尽管如此，关于渐变效果仍然有许多可以讲的。例如，如果你想一次同时“渐变”多个样式表属性，你可以使用.morph();方法。你还可以使用过渡效果库（transition）来改变它们进行过渡。不过这篇教程已经足够长了，因此我们把这些留在以后再讲。
更多学习……

下载一个包含你开始所需要的东西的zip包

包含一个MooTools 1.2的库，上面的例子，一个外部JavaScript文件，一个简单的HTML文件和一个CSS文件。

和以前一样，你最好的资源是MooTools 1.2的文档。

关于.tween();方法的信息 还有，浏览一下.morph();方法和transitions库