mootools 3 --- FX
.tween();//一个渐变（tween）是一个在两个样式属性值之间的平滑的变化。
$('tweener').tween('width', '300px');
.fade();//这个方法可以让你平滑地调整一个元素的不透明度（opacity）。
$('tweener').fade('.5');//（0代表不可见，1代表完全可见）
.highlight();//它提供了两个功能：
// 学习如何使用"this"
this.set('width', '300px');
}
// 我们替换掉任何我们要传递给函数，在这个"newTweenSet"函数内部，"this"将指向"newTween"
$('netTween_set').addEvent('click', newTweenSet.bind(newTween));
$('tweener').tween('width', '300px');
.fade();//这个方法可以让你平滑地调整一个元素的不透明度（opacity）。
$('tweener').fade('.5');//（0代表不可见，1代表完全可见）
.highlight();//它提供了两个功能：
- 使用它来平滑变化到一种不同的背景色//event.target.highlight('#eaea16');
- 直接设置一个不同的背景色，然后平滑变化到另外一个背景色//item.target.highlight('#eaea16', '#333333');
.bind();//通过.bind();，我们可以让一个函数里面的“this”等同于参数
var newTweenSet = function() {// 学习如何使用"this"
this.set('width', '300px');
}
// 我们替换掉任何我们要传递给函数，在这个"newTweenSet"函数内部，"this"将指向"newTween"
$('netTween_set').addEvent('click', newTweenSet.bind(newTween));
