- 網頁設計與網站建設完全實戰手冊
- 劉貴國
- 917字
- 2021-03-19 18:34:45
6.5 插入Flash動畫
在網頁中插入Flash動畫可以增加網頁的動感,使網頁更具吸引力,因此多媒體元素在網頁中的應用越來越廣泛。下面以如圖6-29所示的效果為例講述如何在網頁中插入Flash影片,具體操作步驟如下:

圖6-29 插入Flash動畫的效果

01 打開原始網頁文檔,將光標置于要插入Flash動畫的位置,如圖6-30所示。

圖6-30 打開網頁文檔
02 執行“插入”|“媒體”|“Flash SWF”命令,彈出“選擇SWF”對話框,在對話框中選擇相應的Flash文件,如圖6-31所示。

圖6-31 “選擇SWF”對話框
★提示★
插入Flash動畫還有兩種方法:
●單擊“媒體”插入欄中的Flash按鈕,彈出“選擇SWF”對話框,也可以插入Flash影片。
●拖動“常用”插入欄中的按鈕至所需要的位置,彈出“選擇SWF”對話框,也可以插入Flash影片。
03 在對話框中選擇top.swf,單擊“確定”按鈕,即可插入Flash動畫,如圖6-32所示。

圖6-32 插入Flash動畫
★知識要點★
插入的Flash的“屬性”面板的各項參數含義如下:
●Flash文本框:輸入Flash動畫的名稱。
●寬、高:設置文檔中Flash動畫的尺寸,可以輸入數值改變其大小,也可以在文檔中拖動縮放控制點來改變其大小。
●文件:指定Flash文件的路徑。
●源文件:指定Flash源文檔.fla的路徑。
●背景顏色:指定影片區域的背景顏色。在不播放影片時(在加載時和在播放后)也顯示此顏色。
●編輯:啟動Flash以更新FLA文件(使用Flash創作工具創建的文件)。如果計算機上沒有安裝Flash,則會禁用此選項。
●類:可用于對影片應用CSS類。
●循環:選中此復選框可以重復播放Flash動畫。
●自動播放:選中此復選框,當在瀏覽器中載入網頁文檔時,自動播放Flash動畫。
●垂直邊距和水平邊距:指定動畫邊框與網頁上邊界和左邊界的距離。
●品質:設置Flash動畫在瀏覽器中的播放質量,包括“低品質”、“自動低品質”、“自動高品質”和“高品質”4個選項。
●比例:設置顯示比例,包括“全部顯示”、“無邊框”和“嚴格匹配”3個選項。
●對齊:設置Flash在頁面中的對齊方式。
●Wmode:默認值是不透明,這樣在瀏覽器中,DHTML元素就可以顯示在SWF文件的上面。如果SWF文件包括透明度,并且希望DHTML元素顯示在它們的后面,選擇“透明”選項。
●播放:在“文檔”窗口中播放影片。
●參數:打開一個對話框,可在其中輸入傳遞給影片的附加參數。影片必須已設計好,可以接收這些附加參數。
04 保存文檔,按F12鍵在瀏覽器中預覽,效果參見圖6-29所示。