Flash下拉式選單(彈出式選單)應該很多人想知道要怎樣做,但網路上也找不到詳細的教學~~一般專家會教你寫ActionScript,但那畢竟比較難理解,今天我們用簡單一點的方法。按此可下載範例Fla檔案。

1.首先先預備好要練習的圖片,由於時間有限,就隨便做一做了。

2.先把按鈕效果做好吧,花一些時間把每個按鈕設定好。
插入→新增元件→按鈕
先匯入第一張按鈕圖,接著在滑入影格匯入第二張圖,按下及感應區,就用複製第二個影格再貼上就好了,由於只是練習,就省點時間吧。
當然,如果你移入的是影片片段,那這按鈕的效果就更酷了。
以此類推,把所有的按鈕都完成。





3.終於把按鈕都做好了,如圖。

4.為了應用方便,我們把彈出式選單作在影片片段裡面。
插入→新增元件→影片片段

5.把「一般網站」及「blog網站」的按鈕擺好在影片片段的舞台中。

6.在影格30點一下,按下F5(插入影格)。

7.插入圖層。

8.圖層2再插入空白關鍵影格。

9.從元件庫移入按鈕並擺好。

10.再新增圖層3,在圖層3的影格20在插入空白關鍵影格,一樣把按鈕擺好,如下圖。
11.並且把圖層2的影格20~30移除。

12.在影格1插入動作stop,預設此影片片段在第一個影格就是停止的。


13.回到圖層1,在空白處點一下,再點按「一般網站」按鈕元件,一樣再按右鍵插入「動作」。

14.輸入gotoAndStop指令,讓滑鼠放上去時,會跑到圖層10,記得不要輸入錯誤了,是「gotoAndStop」

15.點擊「blog網站」的按鈕元件,一樣再建立動作。

16.接著,逐一為彈出的按鈕建立超連結吧~
操作時記得注意,要確定只選定了一個按鈕而不是兩個,選錯了就無法建立行為指令。
你要先在空白的地方按一下,然後再按按鈕元件,才可以確認只選定了一個按鈕。



17.操作完畢回到場景一

18.拖曳完成的影片片段元件到舞台中。

19.測試影片吧,完成囉~!這個彈出式選單可以應用在任何的Flash動畫中。

20.不過,一般來說,你還需要有一個隱藏所有彈出按鈕的功能,針對這個部分,你可以在新增一個按鈕元件,並且只在感應區隨便畫一個區塊。

21.把「消除按鈕的按鈕」,新增一圖層,放入後縮小此按鈕,在元件上使用gotoAndStop指令,讓滑鼠碰到後會回到第一個影格並停止。比如說按下Ctrl+D,放幾個再按扭的間隙中,讓滑鼠碰到的時候就隱藏所有彈出式按鈕。

如下圖,完成

您可以舉一反三,更多的進階操作,比如說:

如果再費工一點,例如再按鈕中加入影片片段製成動態效果,自然就更酷了。

以上只是一個簡單的教學...你必須要有Flash的基礎才看的懂哦~~。

arrow
arrow
    全站熱搜

    osakicom 發表在 痞客邦 留言(2) 人氣()