如何在網頁中插入Flash動畫

作者:fywxf 日期:2018-08-10

字體大小: 小中大

在制作網頁時，除了插入文本、圖片等内容，有時候還需要插入flash動畫、音頻、視頻等來增強頁面表現力。

    由于頁面内容不可能隻有一個Flash，所以還是需要進行布局，這就又用到了表格，正好在上篇文章已經介紹過表格的制作和表格的嵌套方法，很容易地做到溫故而知新。

    新建頁面，插入一個兩行一列的表格，設置表格背景色爲#FF99FF，在上面的單元格中輸入标題“展示Flash”，将字體設置爲粗體并居中顯示。在下面的單元格中插入Flash。

    鼠标點擊下面的單元格，然後點擊插入工具欄中的媒體按鈕右側的下箭頭，如圖一，這時會彈出一個下拉菜單，在彈出的第一項就是插入Flash動畫，點擊它。或者點擊菜單欄中的“插入”--“媒體”--Flash，如圖二。

    随後會彈出選擇對話框，如圖三，和插入圖片一樣，可以在本地選擇以.swf爲結尾的Flash動畫插入頁面，也可以在下面的URL中填入Flash動畫的網絡地址，這裏我填入的是阿邦網首頁頂部的Flash動畫，它的網絡地址爲http://z.abang.com/h/sales/index550x65.swf。填好後點擊确定即可。

    這時頁面中會插入一個帶有“F”藝術字的圖标，默認尺寸爲32像素*32像素，這就是插入的Flash動畫，如圖四。

    點擊它，你會看到屬性面闆變成了Flash所對應的各屬性，如圖五。左下角有兩個複選框，循環和自動播放，循環指的是Flash動畫播放完畢後是否繼續循環播放，自動播放決定打開頁面後Flash動畫是否自己開始播放，通常情況下勾選上二者就可。

    寬和高設置的就是Flash動畫的尺寸，我們使用的這個動畫尺寸爲550像素*65像素，在這裏對應填上寬550，高65，不必寫單位。

    垂直邊距控制的是Flash動畫和它附近内容的上下邊距，同理，水平邊距控制的則是左右的邊距，這裏先保持爲空。

    品質、比例、對齊和背景顔色都保持默認值，一般情況下不用改變它們，最多設置一下對齊方式和背景顔色，而且和插入圖片的設置方法相同。

    點擊播放按鍵即可在網頁制作時查看Flash動畫的展示效果，相當方便、直觀。

    參數功能設置的是插入的Flash動畫擴展功能，需要填入參數進行設置，點擊一下參數按鈕，在左邊的“參數”欄中填入wmode，在右邊的“值”欄中填入transparent，如圖六，這樣設置的用意是讓插入頁面的沒有背景的Flash變成透明的。

    “類”選項中選擇的是設定好的CSS類，也就是html中的class值，我們的例子中用不上，所以就不設置了。

    好了，現在可以按F12來預覽一下頁面效果，預覽的時候浏覽器會提示頁面中包含被限制的内容，如圖七，隻要在頂部點擊左鍵通過就可以正常顯示了，完成的效果應該如圖八所示。