Javascript 判断Flash是否加载完成的代码
Javascript 判断Flash是否加载完成的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:先定义进度条显示层:复制代码代码如下:下载进度:定义广告层:复制代码代码如下:定义FLASH显示层:js代码:复制代码代码如下:if(win...

先定义进度条显示层:

复制代码 代码如下:

<div><span>下载进度:</span>

<div>

<div id="loadpercent"></div>

</div>

</div>

定义广告层:

复制代码 代码如下:

<div id="showAD"></div>

定义FLASH显示层:

<div id="showSWF">

<object id="flashgame" ......省略内容......>

</object>

</div>

js代码:

复制代码 代码如下:

<script language="javascript">

if(window.navigator.userAgent.indexOf("Firefox")>=1)//判断是否为FIREFOX浏览器,FIREFOX不支持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游戏网站,是怎样控制,看下源代码就可以了解更多的知识与技巧。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类