Javascript 判斷Flash是否加載完成的代碼
更新時間：2010年04月12日 18:20:11 作者：
網站加入flash廣告代碼，利用DIV層來控制進度的狀態(tài)，如果加載swf文件到100%的時候就顯示出flash，把AD層隱藏掉，請看下面實現(xiàn)方法。
先定義進度條顯示層：
<div><span class="intro">下載進度：</span>
<div class="barborder">
<div class="bar" id="loadpercent"></div>
</div>
</div>
定義廣告層：
<div id="showAD"></div>
定義FLASH顯示層：
<div id="showSWF" class="show" style="display:none;">
<object id="flashgame" ......省略內容......>
</object>
</div>
js代碼：
<script language="javascript">
if(window.navigator.userAgent.indexOf("Firefox")>=1)//判斷是否為FIREFOX瀏覽器，F(xiàn)IREFOX不支持PercentLoaded()函數
{
document.getElementById("loadpercent").innerHTML= "Firefox!No Attentions";
document.getElementById("showSWF").style.display='block';
}
else
{
refreshProgress();
}
function show()//隱藏AD層、顯示FLASH層
{
document.getElementById("showAD").style.display='none';
document.getElementById("showSWF").style.display='block';
}
function refreshProgress()//刷新進度條函數
{
var downProgressWidth=502;
var bar = document.getElementById("loadpercent");
var movie = document.getElementById("flashgame");
var nPercentLoaded = Math.abs(movie.PercentLoaded());
bar.style.width=Math.ceil(downProgressWidth*nPercentLoaded/100) +"px";
bar.innerHTML= nPercentLoaded +"%";
if(nPercentLoaded==100)
{
bar.style.width=(downProgressWidth-2) + "px"; bar.innerHTML= "Game download is complete"; show();
}
else
{
setTimeout('refreshProgress()',0);
}
}
其實最好的代碼，就是看一些flash游戲網站，是怎樣控制，看下源代碼就可以了解更多的知識與技巧。
復制代碼 代碼如下:
<div><span class="intro">下載進度：</span>
<div class="barborder">
<div class="bar" id="loadpercent"></div>
</div>
</div>
定義廣告層：
復制代碼 代碼如下:
<div id="showAD"></div>
定義FLASH顯示層：
<div id="showSWF" class="show" style="display:none;">
<object id="flashgame" ......省略內容......>
</object>
</div>
js代碼：
復制代碼 代碼如下:
<script language="javascript">
if(window.navigator.userAgent.indexOf("Firefox")>=1)//判斷是否為FIREFOX瀏覽器，F(xiàn)IREFOX不支持PercentLoaded()函數
{
document.getElementById("loadpercent").innerHTML= "Firefox!No Attentions";
document.getElementById("showSWF").style.display='block';
}
else
{
refreshProgress();
}
function show()//隱藏AD層、顯示FLASH層
{
document.getElementById("showAD").style.display='none';
document.getElementById("showSWF").style.display='block';
}
function refreshProgress()//刷新進度條函數
{
var downProgressWidth=502;
var bar = document.getElementById("loadpercent");
var movie = document.getElementById("flashgame");
var nPercentLoaded = Math.abs(movie.PercentLoaded());
bar.style.width=Math.ceil(downProgressWidth*nPercentLoaded/100) +"px";
bar.innerHTML= nPercentLoaded +"%";
if(nPercentLoaded==100)
{
bar.style.width=(downProgressWidth-2) + "px"; bar.innerHTML= "Game download is complete"; show();
}
else
{
setTimeout('refreshProgress()',0);
}
}
其實最好的代碼，就是看一些flash游戲網站，是怎樣控制，看下源代碼就可以了解更多的知識與技巧。
相關文章
這篇文章主要介紹了Mint-UI時間組件起始時間問題的解決方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
又是一年新春之際，祝福大家兔年快樂！給大家介紹一個有趣的動效（兼容?IE），頁面右下角有一只搞怪的兔子，鼠標在頁面中懸停時，兔子會跟著做出不同的動作和表情，感興趣的小伙伴可以了解一下2023-01-01
這篇文章主要介紹了微信小程序在地圖選擇地址并返回經緯度,涉及微信小程序針對經緯度地址信息相關操作技巧,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了js實現(xiàn)div拖動動畫運行軌跡效果，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
非阻塞動態(tài)加載javascript廣告實現(xiàn)代碼
非阻塞動態(tài)加載javascript廣告，需要的朋友可以參考下。2010-11-11
新發(fā)現(xiàn)原來documenet.URL也可以實現(xiàn)頁面跳轉
新發(fā)現(xiàn)原來documenet.URL也可以實現(xiàn)頁面跳轉...2007-08-08
這篇文章主要為大家詳細介紹了JavaScript閉包的簡單應用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要為大家介紹了微信小程序自定義組件與頁面的相互傳參過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪2022-04-04
這篇文章主要介紹了ES6 Map結構的應用,結合實例形式分析了ES6中map鍵值對hash結構相關定義、獲取、輸出、遍歷等相關操作技巧,需要的朋友可以參考下2019-06-06
支付寶小程序實現(xiàn)類似微信多行輸入功能(思路詳解)
這篇文章主要介紹了支付寶小程序實現(xiàn)類似微信多行輸入功能,輸入超過 8 行的時候會出現(xiàn)滾動,這樣做的好處就是輸入框不會直接頂到頁面最頂部,支付寶小程序實現(xiàn)多行輸入框：使用textarea多行輸入框實現(xiàn),感興趣的朋友一起看看吧2024-02-02