使用 Dojo 动画效果

指定事件回调函数的方式有两种，一是在创建动画对象的时候指定：

清单 7.动画事件处理

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

另一种是通过 dojo.connect 将回调函数连接到动画对象的事件上，如下：

清单 8.connect 动画事件

　var　anim　=　dojo.animateProperty({　
　　node:　"foo",　
　　properties:　{　color:　{start:'yellow',end:'blue'}}　
　});　
　dojo.connect(anim,"onEnd",　function(){　
　　　alert("animation　ended");　
　});　
　anim.play();　

使用标准动画效果

使用 dojo.animateProperty 可以对 DOM 节点的属性集合进行迭代以实现动画效果，dojo.animateProperty 是 dojo.fx.* 函数簇的基础。Dojo 动画库对一些常用的动画效果进行了封装，提供了 dojo.fadeIn, dojo.fadeOut, dojo.fx.wipeIn, dojo.fx.wipeOut, dojo.fx.sideTo 等标准的动画效果。

dojo.fadeIn/dojo.fadeOut

实现淡入淡出的动画效果，通过迭代 DOM 节点的 opacity 属性来实现的，fadeIn 函数的结束值为 1，fadeOut 的结束值为 0。node 指定 DOM 节点的 id，duration 指定持续时间，还有一个可选的 easing 参数用来指定缓和曲线函数。

清单 9.淡入淡出效果

　dojo.fadeIn({　
　node:　"foo",　
　duration:　1000　
　}).play()　
　dojo.fadeOut({　
　node:　"foo",　
　duration:　1000　
　}).play()