Script.aculo.us开发系列(三):核心效果(CoreEffect)

核心提示： 7.Parallel这是一个进行下一步开发的最重要的方法,作用就是并行的动画,组合效果(Combine Effect)无非是上面的动画最终用Parallel将其组合,才能形成如此酷的效果.其构造函数参数是一个Effect的数组,和options,注意options作用在所有的动画上的,通常

7.Parallel

这是一个进行下一步开发的最重要的方法,作用就是并行的动画,组合效果(Combine Effect)无非是上面的动画最终用Parallel将其组合,才能形成如此酷的效果.

其构造函数参数是一个Effect的数组,和options,注意options作用在所有的动画上的,通常我们也只需要设置这里的参数,还有要注意的是Effect的option.sync都要设置为true.

　　var oAnimation=new Effect.Parallel(
　　　　[
　　　　　　new Effect.Move("imgParallel",{x:-100,y:100,sync:true}),
　　　　　　new Effect.Opacity("imgParallel",{from:0.0,to:0.9,sync:true})
　　　　],
　　　　{
　　　　　　transition:Effect.Transitions.linear,
　　　　　　duration:2.0
　　　　}
　　);

本文章的全部示例运行http://www1.qcxy.hb.cn/qphy/Script_Aculo_Us/CoreEffects.html

上面的例子已经可以开发自己的组合动画了,下一篇文章将会讨论效果开发的更高级话题

系列文章：

Script.Aculo.Us开发系列(一):起步

Script.aculo.us开发系列(二):EffectsAPI

Script.aculo.us开发系列(三):核心效果(CoreEffect)

Script.aculo.us开发系列(四):动画弹出菜单的实现-开发自己的动画

Script.aculo.us开发系列(五):Prototype封装的艺术

Script.aculo.us开发系列(六):AutoComplete控件

Script.aculo.us开发系列(七):InPlaceEditor控件的使用

Script.aculo.us开发系列(八):使用DropDrag定义拖拽行为

Script.aculo.us开发系列(九):Slider控件的使用

Prototype1.5.0 API 参考