DivCSS實例:符合web標準的嵌入Flash的方法-JS調(diào)用_DIV+CSS實例
教程Tag:暫無Tag,歡迎添加,賺取U幣!
DivCSS實例:符合web標準的嵌入Flash的方法-JS調(diào)用
常有網(wǎng)友提問,如何讓網(wǎng)頁中嵌入的Flash標簽也符合web標準。目前還沒有一個完美的解決辦法,這篇文章中,我們將Flash嵌入標簽寫入js文件中,通過變量傳遞參數(shù)的辦法往返避不符合標準的標簽。
請注重,這只是一個變通的方法,換湯不換藥,并未能最終解決存在的問題,通過驗證只是一種表象,這樣的思路是不是可取,在實際操作中請大家自行斟酌。
首先建立一個JS文件flash.js。寫入如下代碼:
上面的js腳本定義了一個函數(shù)swf,并設(shè)置三個變量,它們分別是:flile文件鏈接,w寬度,h高度。在XHTML中向這個函數(shù)傳遞變量即可實現(xiàn)flash的嵌入。如下代碼:
建立id為flash的div作為一容器,在其內(nèi)部嵌入js腳本,變量依次為:文件路徑、寬度、高度!
看下面的全部代碼:
常有網(wǎng)友提問,如何讓網(wǎng)頁中嵌入的Flash標簽也符合web標準。目前還沒有一個完美的解決辦法,這篇文章中,我們將Flash嵌入標簽寫入js文件中,通過變量傳遞參數(shù)的辦法往返避不符合標準的標簽。
請注重,這只是一個變通的方法,換湯不換藥,并未能最終解決存在的問題,通過驗證只是一種表象,這樣的思路是不是可取,在實際操作中請大家自行斟酌。
首先建立一個JS文件flash.js。寫入如下代碼:
示例代碼 [www.wf0088.com]
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> ');
}
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腳本定義了一個函數(shù)swf,并設(shè)置三個變量,它們分別是:flile文件鏈接,w寬度,h高度。在XHTML中向這個函數(shù)傳遞變量即可實現(xiàn)flash的嵌入。如下代碼:
示例代碼 [www.wf0088.com]
<div id="flash">
<script type="text/javascript" language="javascript">swf('hehe.swf','500','220');</script>
</div>
<script type="text/javascript" language="javascript">swf('hehe.swf','500','220');</script>
</div>
建立id為flash的div作為一容器,在其內(nèi)部嵌入js腳本,變量依次為:文件路徑、寬度、高度!
看下面的全部代碼:
示例代碼 [www.wf0088.com]
<!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>DivCSS實例:符合web標準的嵌入Flash的方法-JS調(diào)用</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(hehe.swf','500','220');</script>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DivCSS實例:符合web標準的嵌入Flash的方法-JS調(diào)用</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(hehe.swf','500','220');</script>
</div>
</body>
</html>
相關(guān)DIV+CSS實例:
- 固定div容器的寬高,圖片居中(圖片不限制大。
- 用css制作有滾動條的居中彈出框
- 鼠標指住(hover)變色的按鈕演示demo
- 10個很酷的涂鴉風(fēng)格國外網(wǎng)店設(shè)計展示
- jquery模擬瀏覽器滾動條效果
- 仿谷歌google的搜索框下拉提示列表效果
- JS顯示網(wǎng)頁最后更新時間
- CSS技巧:text-indent隱藏文字(以圖換字)
- CSS實例:三列自適應(yīng)等高且中列寬度自適應(yīng)
- DivCSS布局實例:很實用的圖文混排CSS列表-富有語義
- DivCSS實例:CSS菜單Flash效果用圖片模擬實現(xiàn)
- DivCSS布局實例用dldtdd來制作列表
- 相關(guān)鏈接:
- 教程說明:
DIV+CSS實例-DivCSS實例:符合web標準的嵌入Flash的方法-JS調(diào)用。