actionscript-3 - ActionScript 3 Flash CS5 网站：如何在页面更改之前播放淡出动画？

Question

我创建了一个 Flash 网站，通过关键帧上的标签进行导航。

导航时如何让我的页面淡入淡出？

这不是动画问题，而是动作脚本 3 问题。

导航代码如下所示：

aboutbtn.addEventListener(MouseEvent.CLICK, gotohome);

function gotohome(event:MouseEvent):void

{gotoAndStop("home");}

整个页面在一个框架上超过 3 层。我有 5 个主要页面和 2 个子页面。

那么如何在页面改变之前播放淡出动画呢？

帮助将不胜感激！

谢谢。

Answer 1

尝试：

import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;

function gotohome(event:MouseEvent):void{
   var mytween:Tween = new Tween(stage, "alpha", Strong.easeOut, 1, 0, 1, true);
   mytween.addEventListener(TweenEvent.MOTION_FINISH, showHome); 

}
function showHome(event:TweenEvent):void{
   new Tween(stage, "alpha", Strong.easeOut, 0, 1, 1, true);
   gotoAndStop("home");
}

Answer 2

创建一个白色背景的影片剪辑 fade_Mc。把它放在舞台上。

因此，代码将如下所示：

aboutbtn.addEventListener(MouseEvent.CLICK, gotohome);

function gotohome(event:MouseEvent):void
{

gotoAndStop("home");
 fade_Mc.visible = true 
addEventListener(Event.ENTER_FRAME, fadeOut)

}

function fadeOut(e:Event)
{

    fade_Mc.alpha -= 0.5 // change this value as per the speed of fade required

    if ( fade_Mc.alpha <=0 )
    {
     fade_Mc.visible = false
     fade_Mc.alpha = 1 ;
     removeEventListener(Event.ENTER_FRAME, fadeOut)
     }

}