今天,我们继续探索一下这个库的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...[ 查看全文 ]