Flash AS3制作個性的旋轉圓形網頁導航。

　　1、用矩形工具繪制一個黑色的矩形，轉換為MC影片剪輯，打開屬性窗口

　　2、雙擊這個影片剪輯編輯它，使用文本工具，設置為動態文本，繪制一個區域，設置顏色是白色，命名實例名為abelBtn。

　　3、回到場景1，刪除掉剛剛建立的影片剪輯。

　　4、我們選擇第一幀，然后打開動作面板，輸入下面代碼，主要是為了導入Tweenlite engine。

import com.greensock.*;

import com.greensock.easing.*;

　　5、然后創建一個數字，動態調用每個菜單的項目文字。

var menu_items:Array = ["HOME","ABOUT ME","PORTFOLIO","BLOG","CONTACT"];

var menu:Sprite = new Sprite();

menu.x= stage.stageWidth / 2;

menu.y=stage.stageHeight /2;

addChild(menu);

　　6、用一個函數buildMenu來實現每個菜單項目。

function buildMenu(){

　var btn:myButton;

　var angle:int=360/menu_items.length;

　for (var i:int = 0; i< menu_items.length; i++){

　　btn = new myButton();

　　btn.buttonMode=true;

　　btn.labelBtn.text = menu_items[i];

　　btn.mouseChildren=false;

　　menu.addChild(btn);

　　TweenLite.to(btn,2,{rotation: -i*angle,ease:Bounce.easeOut});

　}

}

　　7、最后添加一個監聽單擊事件的代碼。

　menu.addEventListener(MouseEvent.CLICK,clickHandler );

function clickHandler(e:MouseEvent ):void{

　// TO DO ...

　trace(myButton(e.target).labelBtn.text);

}

　　8、所有代碼如下。

import com.greensock.*;

import com.greensock.easing.*;

var menu_items:Array = ["HOME","ABOUT ME","PORTFOLIO","BLOG","CONTACT"];

var menu:Sprite = new Sprite();

menu.x= stage.stageWidth / 2;

menu.y=stage.stageHeight /2;

addChild(menu);

buildMenu();

function buildMenu(){

　var btn:myButton;

　var angle:int=360/menu_items.length;

　for (var i:int = 0; i< menu_items.length; i++){

　　btn = new myButton();

　　btn.buttonMode=true;

　　btn.labelBtn.text = menu_items[i];

　　btn.mouseChildren=false;

　　menu.addChild(btn);

　　TweenLite.to(btn,2,{rotation: -i*angle,ease:Bounce.easeOut});

　}

}

menu.addEventListener(MouseEvent.CLICK,clickHandler );

function clickHandler(e:MouseEvent ):void{

　// TO DO ...

　trace(myButton(e.target).labelBtn.text);

}