flex实现滑动显示隐藏效果

鼠标划过的时候显示菜单栏 ，鼠标移开后隐藏菜单栏。比较常用的一种动画效果。附件是源代码。

大家多多交流

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Move effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()">

    <mx:Script>
        <![CDATA[
   import mx.controls.Alert;
   
   private function init():void{
    img.y=0-(img.height*0.90);//初始默认将百分之九十的图片隐藏起来。通过y轴的福坐标来设置

   }
   
   //当鼠标覆盖的时候 将图片显示出来
            private function moveMOverImage():void {
                myMove.end();
                myMove.yTo=0;
                myMove.play();
            }
           
            //鼠标移开的时候在将图片重新隐藏
            private function moveMOutImage():void {
                myMove.end();
                myMove.yTo=0-(img.height*0.90);
                myMove.play();
            }
           
           
      ]]>
    </mx:Script>

 

    <mx:Move id="myMove" target="{img}"  />

 

    <mx:Panel title="Move Effect Example" width="95%" height="95%"
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">

 

        <mx:Canvas id="canvas" width="100%" height="100%" >

            <mx:Image id="img" source="@Embed(source='beijing.png')"   mouseOver="moveMOverImage();" mouseOut="moveMOutImage();" />

        </mx:Canvas>
   
    </mx:Panel>
</mx:Application>