如何製作基礎Flash互動網頁

Actionscript 3.0的相關指令
stop()--停止播放時間軸影格
play()--開始播放時間軸影格
gotoAndPly(N)--跳至第N個影格,並繼續播放
gotoAndStop(N)--跳至第N個影格,並停止
nextFrame()--前往下一個影格
prevFrame()--前往上一個影格
navigateToURL()--前往某網頁連結,或寄郵件給某人

製作步驟
1.於圖層1的第一個影格,設計網頁的首頁
2.依序在每一個影格設計網頁
3.回到第一個影格,放入按鈕元件,步驟如下:
  3-1.新增圖層,命名為button
  3-2.視窗>內建元件庫>按鈕>挑選"Enter按鈕"
  3-3.拖曳該按鈕元件至舞台指定的位置
  3-4.修改按鈕元件的文字(預設為Enter)與大小,步驟如下:
    3-4-1.編輯該按鈕元件(元件庫>選該按鈕>滑鼠右鍵>編輯)
    3-4-2.選取該按鈕元件的text圖層的關鍵影格,自行修改文字內容
    3-4-3.修改按鈕元件尺寸,需針對每個圖層的每個關鍵影格修改(建議不改)
    3-4-4.同上步驟,也可修改其它屬性
4.重新替每一個按鈕元件命名,步驟如下:
  4-1.選取該按鈕元件
  4-2.修改按鈕元件名稱(屬性>實體名稱)
  4-3.命名規則參考下面的語法說明
5.輸入相關activescript3.0語法,步驟如下:
  5-1.開新圖層,命名為action,將圖層上移至頂層
  5-2.選action圖層,第一個影格(空白關鍵影格)
  5-3.開啟"動作"視窗面板(三種方法:F9快速鍵;視窗>動作;於該影格按滑鼠右鍵,選"動作")
  5-4.輸入指令 stop();
  5-5.複製並貼上下方的相關語法指令:

按下該按鈕元件時,跳至第N個影格,並停止(請將對應按鍵命名為gotostopfN_btn)
gotostopfN_btn.addEventListener(MouseEvent.CLICK,gotostopfN);
function gotostopfN(Event:MouseEvent):void{gotoAndStop(N)};

按下該按鈕元件時,跳至第N個影格,並繼續播放(請將對應按鍵命名為gotoplayfN_btn)
gotoplayfN_btn.addEventListener(MouseEvent.CLICK,gotoplayfN);
function gotoplayfN(Event:MouseEvent):void{gotoAndPlay(N)};

按下該按鈕元件時,回到首頁(請將對應按鍵命名為backtofirst_btn)
backtofirst_btn.addEventListener(MouseEvent.CLICK,backtofirst);
function backtofirst(Event:MouseEvent):void{gotoAndStop(1)};

按下該按鈕元件時,前往下一個影格(請將對應按鍵命名為nextf_btn)
nextf_btn.addEventListener(MouseEvent.CLICK,nextf);
function nextf(Event:MouseEvent):void{nextFrame()};

按下該按鈕元件時,前往上一個影格(請將對應按鍵命名為prevf_btn)
prevf_btn.addEventListener(MouseEvent.CLICK,prevf);
function prevf(Event:MouseEvent):void{prevFrame()};

按下該按鈕元件時,連結至某網頁(請將對應按鍵命名為link_btn)
link_btn.addEventListener(MouseEvent.CLICK,link);
function link(Event:MouseEvent):void{var request:URLRequest=new URLRequest
("http://sites.google.com/site/deepblueshow/");
navigateToURL(request)};

按下該按鈕元件時,寄件給某人(請將對應按鍵命名為mail_btn)
mail_btn.addEventListener(MouseEvent.CLICK,mail);
function mail(Event:MouseEvent):void{var request:URLRequest=new URLRequest("mailto:taihan0000@gmail.com");
navigateToURL(request)};

-----------------------------------------------------------------------
如果要逐步練習,請開啟練習檔案
D:/flash教學/ch12/rainbow_world.fla

沒有留言:

張貼留言