首页 相关文章 MooTools教程(11):Fx.Morph、Fx选项和Fx事件

MooTools教程(11):Fx.Morph、Fx选项和Fx事件

今天,我们继续探索一下这个库的Fx部分,我们将学习如何使用Fx.Morph(它从本质上可以让你同时渐变多个样式表属性),然后我们再检查一下应用到Fx.Tween和Fx.Morph的一些Fx选项,最后我们将看看如何使用Fx事件,譬如onComplete和onStart。通过这些选项和事件,我们可以获得更好的控制权来控制形变动画。

Fx.Morph

创建一个新的Fx.Morph

初始化一个新的形变和创建一个新的渐变很类似,除了你要指定多个样式属性以外。

参考代码: morphElement = $(); morphObject = Fx.Morph(morphElement); morphObject.set({ : , : , : }); morphObject.start({ : , : , : });

上面这些就是全部的内容了,包括创建、设置和启动一个形变。

为了让这个更合理一些,我们应该创建我们的变量,把我们的函数独立出来,并创建一些事件来控制这这个事情:

参考代码: morphSet = (){ .set...[ 查看全文 ]

2016-02-20 标签:

MooTools教程(11):Fx.Morph、Fx选项和Fx事件的相关文章

手机页面
收藏网站 回到头部