萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Flash 教學

Flash 製作簡易緩動導航選單:ActionScript 2.0 陣列驅動與進入幀動畫

製作步驟

  1. 主場景放置 7 個按鈕,實例名 _btn0~_btn6。
  2. 建立影片剪輯「指示器」:含三角形與動態文字 my_txt,實例名 zhisi_mc 放主場景。
  3. 按鈕加入視覺動畫效果。
  4. 最後一幀撰寫 AS2 代碼:
stop();
zhisi_mc._x = _btn0._x;
var my_array:Array = new Array("首頁","動畫","文章","教程","相冊","留言");
var url_array:Array = new Array(
  "https://qzgzs.51.net",
  "https://qzgzs.51.net/flash/donghua.html",
  "https://qzgzs.51.net/wenzhang/wenzhang.html",
  "https://qzgzs.51.net/jiaocheng/jiaocheng.html",
  "https://qzgzs.51.net/xiangce/xiangce.html",
  "https://guestbook.new-youth.com/script/user/list.asp?userid=5640"
);

for (var d:Number = 5; d >= 0; d--) {
  this["_btn"+d].id = d;
  this["_btn"+d].onRollOver = function() {
    zhisi_mc.my_txt.text = my_array[this.id];
    _btnX = this._x;
    zhisi_mc.onEnterFrame = function() {
      this._x += (_btnX - this._x) / 4;
      if (this._x == _btnX) { delete this.onEnterFrame; }
    };
  };
  this["_btn"+d].onRelease = function() {
    getURL(url_array[this.id]);
  };
}

核心邏輯

  • 陣列儲存選單文字與連結,迴圈綁定按鈕事件。
  • onRollOver:更新指示器文字,啟用 onEnterFrame 以緩動公式 _x += (target - _x) / 4 平滑移動指示器。
  • onRelease:跳轉對應網址。

簡潔代碼實現彈性導航選單,易於擴充維護。

copyright © 萬盛學電腦網 all rights reserved