今天我们开始第三讲,我们今天主要看一下。和我们看到的其他的MooTools函数一样,这些方法使用起来都非常简单,但是功能都很强大。Tween可以让你添加那些极炫的效果可以很平滑地发生形变动画,从而改善你的用户体验。
Tween的快捷方法我们通常都从基本知识入手,不过MooTools 1.2只为渐变(tween)提供了这样极其出色的快捷方法,它们使用起来都极其简单以至于我忍不住要从这里开始。
.tween();
一个渐变(tween)是一个在两个样式属性值之间的平滑的变化。举个例子,通过渐变(tween)你可以把div的宽度(width)平滑地由100像素变化为300像素。
参考代码: tweenerFunction = () { $().tween(, );} window.addEvent(, () { $().addEvent(, tweenerFunction);});相应于上面的代码,我们的HTML代码看起来大概应该是这样的:
参考代码: div id=/divbut...[ 查看全文 ]