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

核心提示： duration: 动画持续时间:默认1.0秒fps:每秒帧数,默认60sync:异步,在Parallel动画时设置为true,一般为falsefrom /to:始末偏移比值delay:执行动画之前停留事件queue:'parallel'new Effect.Puff(&q

duration: 动画持续时间:默认1.0秒

fps:每秒帧数,默认60

sync:异步,在Parallel动画时设置为true,一般为false

from /to:始末偏移比值

delay:执行动画之前停留事件queue:'parallel'new Effect.Puff("imgPuff",{delay:1.0,duration:1.5});执行动画之前停留1.0s,整个动画持续1.5s

上面的参数适用与所有的动画(包括Core Effects),需要说明的是对于某种动画都由独有的一些参数,在使用的时候请参阅源代码

效果实现

Effect将所有的动画转换为始末状态,不管是颜色,像素,透明度,首先计算出动画偏移量offset(s),根据持续事件和每秒帧数计算出.

offsetPerFrequency=offset/(duration*fps)

CurrentState(pos)=OriginalState+(OriginalState-FinnalState)*transition(pos)

在每帧中调用了update()方法重写视图, 这样动画就出来了

系列文章：

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 参考