Javascript 判断Flash是否加载完成的代码


Posted in Javascript onApril 12, 2010

先定义进度条显示层:

<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浏览器,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 相关文章推荐
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
基于jQuery中对数组进行操作的方法
Apr 16 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
Mar 02 Javascript
jquery超简单实现手风琴效果的方法
Jun 05 Javascript
Javascript编程中几种继承方式比较分析
Nov 28 Javascript
Vue.JS入门教程之事件监听
Dec 01 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
JS验证input输入框(字母,数字,符号,中文)
Mar 23 Javascript
微信小程序实现倒计时调用相机自动拍照功能
Jun 10 Javascript
详解vue 在移动端体验上的优化解决方案
May 20 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
Apr 09 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 #Javascript
javascript URL编码和解码使用说明
Apr 12 #Javascript
!DOCTYPE声明对JavaScript的影响分析
Apr 12 #Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
Apr 12 #Javascript
javascript cookies 设置、读取、删除实例代码
Apr 12 #Javascript
javascript cookies操作集合
Apr 12 #Javascript
javascript 数组学习资料收集
Apr 11 #Javascript
You might like
PHP输出控制功能在简繁体转换中的应用
2006/10/09 PHP
php 分页原理详解
2009/08/21 PHP
写出高质量的PHP程序
2012/02/04 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
SWFObject 2.1以上版本语法介绍
2010/07/10 Javascript
字符串的replace方法应用浅析
2011/12/06 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
微信小程序 Toast自定义实例详解
2017/01/20 Javascript
JavaScript实现的选择排序算法实例分析
2017/04/14 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
2017/05/17 jQuery
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
vue-router 组件复用问题详解
2018/01/22 Javascript
vue引入js数字小键盘的实现代码
2018/05/14 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
6行代码实现微信小程序页面返回顶部效果
2018/12/28 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
js前端如何写一个精确的倒计时代码
2019/10/25 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
python单例模式实例分析
2015/04/08 Python
python开发之字符串string操作方法实例详解
2015/11/12 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
pandas分区间,算频率的实例
2019/07/04 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
python中的时区问题
2021/01/14 Python
Html5移动端网页端适配(js+rem)
2021/02/03 HTML / CSS
可口可乐广告词
2014/03/20 职场文书
高考寄语大全
2014/04/08 职场文书
产品发布会策划方案
2014/05/12 职场文书
环境工程专业毕业生求职信
2014/09/30 职场文书
党支部承诺书
2015/01/20 职场文书
MySQL 视图(View)原理解析
2021/05/19 MySQL