a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 辦公 > Flash > 正文

Flash AS3 個性的旋轉圓形網(wǎng)頁導航

2020-07-17 13:15:46
字體:
來源:轉載
供稿:網(wǎng)友
Flash AS3制作個性的旋轉圓形網(wǎng)頁導航,最終效果如下。

源文件下載//img.jbzj.com/file_images/flash/200912/1_091129014541.zip
1、創(chuàng)建一個FLASH文件,保存為menu.fla文件。

2、重命名“layer 1″為 “actions”,我們使用http://blog.greensock.com/tweenlite/的小而美的Tweening Engine,下載AS3的壓縮包,然后解壓縮到com目錄然后把這個目錄放到menu.fla文件的文件夾中。

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

 

4、雙擊這個影片剪輯編輯它,使用文本工具,設置為動態(tài)文本,繪制一個區(qū)域,設置顏色是白色,命名實例名為abelBtn。

 

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

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

import com.greensock.*;
import com.greensock.easing.*;

7、然后創(chuàng)建一個數(shù)字,動態(tài)調用每個菜單的項目文字。

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);

8、用一個函數(shù)buildMenu來實現(xiàn)每個菜單項目。

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});
 }
}

9、最后添加一個監(jiān)聽單擊事件的代碼。

 menu.addEventListener(MouseEvent.CLICK,clickHandler );
function clickHandler(e:MouseEvent ):void{
 // TO DO ...
 trace(myButton(e.target).labelBtn.text);
}

 10、所有代碼如下。

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);
}

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 欧美经典一区 | 亚洲精品一区二区三区蜜桃久 | 亚洲精品免费视频 | 欧美亚洲视频 | 欧美第一色 | 国产一区在线播放 | 久久久久91| 视频在线一区 | 视频在线亚洲 | 91污视频网站 | 黑人精品xxx一区一二区 | 91在线精品一区二区三区 | 日韩精品一区二区三区免费观看视频 | 国产精品美女视频 | 操片 | 成人毛片在线观看 | 中文字幕在线电影 | 成人一区在线观看 | 在线亚洲观看 | 免费视频一区 | 久草成人| 亚洲美女视频一区二区三区 | 欧美日韩在线视频观看 | 一级片在线观看网站 | 午夜社区 | 精品成人一区 | 久久精品99 | 欧美理论在线观看 | 麻豆高清免费国产一区 | 免费看a| 狠狠操中文字幕 | 成人免费福利视频 | 精品国产露脸精彩对白 | 久久久久美女 | 欧美一区二区三区在线观看 | 狠狠色综合网站久久久久久久 | 在线日本看片免费人成视久网 | 久久久久成人网 | 中文字幕日韩欧美一区二区三区 | 少妇高潮一级毛片 | 免费一区二区三区视频在线 |