Javascript 判斷Flash是否加載完成的代碼
更新時(shí)間：2010年04月12日 18:20:11 作者：
網(wǎng)站加入flash廣告代碼，利用DIV層來控制進(jìn)度的狀態(tài)，如果加載swf文件到100%的時(shí)候就顯示出flash，把AD層隱藏掉，請(qǐng)看下面實(shí)現(xiàn)方法。
先定義進(jìn)度條顯示層：
<div><span class="intro">下載進(jìn)度：</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" ......省略內(nèi)容......>
</object>
</div>
js代碼：
<script language="javascript">
if(window.navigator.userAgent.indexOf("Firefox")>=1)//判斷是否為FIREFOX瀏覽器，F(xiàn)IREFOX不支持PercentLoaded()函數(shù)
{
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()//刷新進(jìn)度條函數(shù)
{
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);
}
}
其實(shí)最好的代碼，就是看一些flash游戲網(wǎng)站，是怎樣控制，看下源代碼就可以了解更多的知識(shí)與技巧。
復(fù)制代碼 代碼如下:
<div><span class="intro">下載進(jìn)度：</span>
<div class="barborder">
<div class="bar" id="loadpercent"></div>
</div>
</div>
定義廣告層：
復(fù)制代碼 代碼如下:
<div id="showAD"></div>
定義FLASH顯示層：
<div id="showSWF" class="show" style="display:none;">
<object id="flashgame" ......省略內(nèi)容......>
</object>
</div>
js代碼：
復(fù)制代碼 代碼如下:
<script language="javascript">
if(window.navigator.userAgent.indexOf("Firefox")>=1)//判斷是否為FIREFOX瀏覽器，F(xiàn)IREFOX不支持PercentLoaded()函數(shù)
{
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()//刷新進(jìn)度條函數(shù)
{
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);
}
}
其實(shí)最好的代碼，就是看一些flash游戲網(wǎng)站，是怎樣控制，看下源代碼就可以了解更多的知識(shí)與技巧。
相關(guān)文章
JavaScript實(shí)現(xiàn)的浮動(dòng)層框架用法實(shí)例分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的浮動(dòng)層框架用法,以實(shí)例形式分析了JavaScript實(shí)現(xiàn)可關(guān)閉的半透明浮動(dòng)層相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了JavaScript中var的重要性,結(jié)合實(shí)例形式分析了javascript變量定義、作用范圍、作用域及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
BootStrap學(xué)習(xí)筆記之nav導(dǎo)航欄和面包屑導(dǎo)航
這篇文章主要介紹了BootStrap學(xué)習(xí)筆記之nav導(dǎo)航欄和面包屑導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2017-01-01
淡入淡出效果想必大家都有見到過吧，在本文將為大家介紹下使用js如何控制淡入淡出，感興趣的朋友可以參考下2013-11-11
JS跨域總結(jié)，主要是解決js中跨域訪問的我問題2012-08-08
js實(shí)現(xiàn)雙向鏈表互聯(lián)網(wǎng)機(jī)頂盒實(shí)戰(zhàn)應(yīng)用實(shí)現(xiàn)
js實(shí)現(xiàn)雙向鏈表互聯(lián)網(wǎng)機(jī)頂盒實(shí)戰(zhàn)應(yīng)用實(shí)現(xiàn)，需要的朋友可以參考下。2011-10-10
js判斷一點(diǎn)是否在一個(gè)三角形內(nèi)
判斷一個(gè)點(diǎn)是否在一個(gè)三角行內(nèi)的代碼2008-02-02
js實(shí)現(xiàn)rem自動(dòng)匹配計(jì)算font-size的示例
本篇文章主要介紹了js實(shí)現(xiàn)rem自動(dòng)匹配計(jì)算font-size的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法,結(jié)合實(shí)例形式分析了JS實(shí)現(xiàn)iframe高度自適應(yīng)的實(shí)現(xiàn)技巧,并給出了項(xiàng)目示例供大家參考,需要的朋友可以參考下2017-01-01
javascript Canvas動(dòng)態(tài)粒子連線
這篇文章主要為大家詳細(xì)介紹了javascript Canvas動(dòng)態(tài)粒子連線，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01