有些網頁會有廣告橫幅,有些則會有互動的模式,這次將製作能有這樣效果的網頁動畫。首先想好動畫(腳本)要怎麼進行,本範例是在一開始時有個貓在中間,透過滑鼠點擊牠後,會跳出其他動畫與宣導文字。
1. 新增按鈕元件,然後把影片片段置入當中![](http://www.gotop.com.tw/waweb2004/img_book/EU0152/1.jpg)
2. 讓元件有些動態效果,並指定些關鍵影格做上下跳躍等。![](http://www.gotop.com.tw/waweb2004/img_book/EU0152/2.jpg)
3. 新增一個圖層「動畫」,在第1 格影格轉換為影格,在第2格影格轉換為關鍵影格,並將元件擺放至舞台上。![](http://www.gotop.com.tw/waweb2004/img_book/EU0152/3.jpg)
還有背景。![](http://www.gotop.com.tw/waweb2004/img_book/EU0152/4.jpg)
可依照個人喜好來設計動畫,而本範例是將「動畫」圖層內的元件全部選取後再「按右鍵→分散至圖層」,然後再往後挪一格影格,讓第一格影格有背景和按鈕。![](http://www.gotop.com.tw/waweb2004/img_book/EU0152/5.jpg)