Apache flex 动态添加flex中淡入淡出效果的问题

我试图通过动态方式在flex中添加淡入淡出效果。但是我无法添加效果，这里是我的代码

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init();">
 <mx:Script>
    <![CDATA[
        private var effect:String;
        private function init():void {
       effect="wipeOutleft";
        }
   ]]>
</mx:Script>
<mx:WipeLeft id="wipeOutleft" duration="1000"/>
<mx:Image id="img" source="@Embed(source='assets/image002.png')"   mouseDownEffect="{effect}" width="254" height="259"/>
</mx:Application>

---

您应该使

效果

变量可绑定：

[Bindable]
private var effect:String;
// ...

这样，当您将一个新值（

“wipeOutleft”

）设置为

效果时，
mouseDownEffect
的值将被更新