解決 Flash 蓋住彈出目錄的方法

無論是 CSS 下拉式目錄,或是 Javascript 製作出來的彈出式清單,一旦遇到 Flash 時,就被 Flash 遮蓋住,這個問題困擾了不少設計人員,原則上有兩種解決方法,一種是在圖層中使用 IFRAME,另一種則是改變 Flash 嵌入方式。

以下提供改變Flash嵌入方式的語法:
程序代碼 程序代碼
<script type="text/javascript" src="images/swfobject.js"></script>
<div id="flashcontent">無法播放 Flash 時替代的文字內容</div>
<script type="text/javascript">
     var fo = new FlashObject("images/flash.swf", "mymovie", "200", "200", "7", "#ff00ff");
     fo.addParam("wmode", "transparent");
     fo.write("flashcontent");
</scrip>


步驟是先連結 swfobject.js 這個檔案,檔案的官方下載位置是:

http://download.macromedia.com/pub/developer/swfobject_1.4.zip

壓縮檔中檔案很多,是範例及說明,要用到的只有 swfobject.js一個檔案。

然後宣告一個放置 flash 的區塊,這個例子的識別名稱為 flashcontent,接下來,建立 FlashObject 物件,語法是:
程序代碼 程序代碼
var fo=new FlashObject(swf檔,識別元,寬度,高度,Flash版本,背景色);


如果需要加其他屬性,例如透明,則使用 fo.addParam 加入,語法為:
程序代碼 程序代碼
fo.addParam("wmode", "transparent");


最後,把物件寫到 flashcontent 區塊中,語法為:
程序代碼 程序代碼
fo.write("flashcontent");


如此就完成了,原文刊載於:
http://www.adobe.com/devnet/flash/articles/swfobject.html


[本日誌由 admin 於 2008-03-07 09:22 PM 編輯]
文章來自: audi.tw
引用通告地址: http://www.pro-soho.com/Blog/trackback.asp?tbID=279
Tags:
評論: 0 | 引用: 0 | 查看次數: 3585
發表評論
你沒有權限發表留言!