振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
如何調用Flash才符合Web網頁標籤
2010/08/06
如何調用Flash才符合Web網頁標籤

常有網友提問,如何讓網頁中嵌入的Flash標籤也符合web標準。目前還沒有一個完美的解決辦法,這篇文章中,我們將Flash嵌入標籤寫入js檔中,通過變數傳遞參數的辦法來回避不符合標準的標籤。

  請注意,這只是一個變通的方法,換湯不換藥,並未能最終解決存在的問題,通過驗證只是一種表像,這樣的思路是不是可取,在實際操作中請大家自行斟酌。

  首先建立一個JS檔flash.js。寫入如下代碼:

function swf(file,w,h) {
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="'+w+'" height="'+h+'"> ');
document.write('<param name="movie" value="' + file + '">');
document.write('<param name="quality" value="high"> ');
document.write('<param name="wmode" value="transparent"> ');
document.write('<param name="menu" value="false"> ');

    document.write('<embed src="' + file + '" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="'+w+'" height="'+h+'"></embed> ');
document.write('</object> ');
}

  上面的js腳本定義了一個函數swf,並設置三個變數,它們分別是:flile檔連結,w寬度,h高度。在XHTML中向這個函數傳遞變數即可實現flash的嵌入。如下代碼:

<div id="flash">
<script type="text/javascript" language="javascript">swf('designyesky.swf','500','220');</script>
</div>

  建立id為flash的div作為一容器,在其內部嵌入js腳本,變數依次為:檔路徑、寬度、高度。

  看下面的全部代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>符合web標準的嵌入Flash的方法</title>
<script type="text/javascript" language="javascript" src="flash.js"></script>
<style type="text/css">
#flash { width:500px; margin:50px auto; border:5px solid #03c;}
</style>
</head>
<body>
<div id="flash">
<script type="text/javascript" language="javascript">swf(designyesky.swf','500','220');</script>
</div>
</body>

</html>

 

最後更新 ( 2010/10/26 )
相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇