使用 Dojo 动画效果

核心提示： rate：迭代的间隔，单位毫秒，使用 Dojo 动画效果(4)，可选参数，默认值为 10 毫秒，0，255），easing：指定动画的缓和曲线函数，dojo.fx.easing 中定义了如 linear, quadIn, cubicIn, sineOut, bounceIn 等函数

rate：迭代的间隔，单位毫秒。可选参数，默认值为 10 毫秒。

easing：指定动画的缓和曲线函数，dojo.fx.easing 中定义了如 linear, quadIn, cubicIn, sineOut, bounceIn 等函数，可以用来替换默认的 dojo._defaultEasing 函数。可选参数。

事件处理函数：dojo.animateProperty 提供的扩展机制，指定在播放、暂停等事件发生时的回调函数。可选函数。

下面的例子通过 dojo.animateProperty 函数创建淡出动画效果：

清单 3.淡出效果—— dojo.animateProperty 简化版

　dojo.animateProperty({　
　　node:　"foo",　
　　duration:　1000,　　　　　
　　properties:　{　opacity:　0　},　
　}).play();　

上面的写法只指定了属性的结束值，Dojo 会将 DOM 节点当前的 opacity 值作为 start 值，由于 opacity 并不需要单位，所以不需要指定 unit 参数。下面是更加标准的写法：

清单 4.淡出效果—— dojo.animateProperty 标准版

　dojo.animateProperty({　
　　node:　"foo",　
　　duration:　1000,　
　　properties:　{　opacity:　{start:1,end:0}}　
　}).play();　

对于颜色我们可以直接指定颜色名，如下面的例子指定了从“yellow”到“blue”的渐变，Dojo 会将颜色分解为 RGB 值，如黄色为（255，255，0），蓝色为（0，0，255），然后对 3 个分量分别进行迭代。

清单 5.颜色的动画效果

　dojo.animateProperty({　
　　node:　"foo",　
　　properties:　{　color:　{start:'yellow',end:'blue'}}　
　}).play();