载入进度条 效果


Posted in Javascript onJuly 08, 2006

<html>
<head>
<title>测试转发一下</title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="overflow-x:hidden;overflow-y:hidden">
<div id="adslxp" style="display: none" width="100%" height="100%"><iframe src="http://www.baidu.com" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto"></iframe></div>
<!========================载入进度条========================>
<div id=ld>
<table width=100% height=90%><tr><td align=center>
<center>
<h1>正在载入 <font color=red>测试转发一下</font> 请稍侯...</h1>
<table width=40%><tr><td align=left>
<table id=lpc bgcolor=blue><tr><td> </td></tr></table>
</td></tr></table>
<br><br><br>
<center>本站只提供域名转发,与转向的网站无任何关系</center>
</center>
</td></tr></table>
</div>
<script language=JavaScript><!--
ini = new Date().getTime();
var pc = 0;
load();

function load() {
pc += 2;
lpc.style.width = pc + "%";
time = setTimeout("load()",25);
if (pc > 100) { clearTimeout(time); loaded() }
}
function loaded() {
fim = new Date().getTime();
dif = fim - ini;
ld.style.display = 'none';
adslxp.style.display = '';
}
function Show() {
if (txt.style.display == "none") { txt.style.display = "" }
else { txt.style.display = "none" }
}
//--></script>
<!========================载入进度条========================>
</body>
</html>

Javascript 相关文章推荐
javascript学习笔记(十一) 正则表达式介绍
Jun 20 Javascript
js原生appendChild的bug解决心得分享
Jul 01 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
Nov 13 Javascript
微信小程序 登陆流程详细介绍
Jan 17 Javascript
Move.js入门
Feb 08 Javascript
基于pako.js实现gzip的压缩和解压功能示例
Jun 13 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
Jan 15 Javascript
Node.js中DNS模块学习总结
Feb 28 Javascript
php中and 和 &amp;&amp;出坑指南
Jul 13 Javascript
vue自定义底部导航栏Tabbar的实现代码
Sep 03 Javascript
JavaScript实现简单计算器功能
Dec 19 Javascript
让广告代码不再影响你的网页加载速度
Jul 07 #Javascript
一段实时更新的时间代码
Jul 07 #Javascript
根据分辨率不同,调用不同的css文件
Jul 07 #Javascript
鼠标图片振动代码
Jul 06 #Javascript
显示、隐藏密码
Jul 01 #Javascript
让焦点自动跳转
Jul 01 #Javascript
onpropertypchange
Jul 01 #Javascript
You might like
php 操作excel文件的方法小结
2009/12/31 PHP
php存储过程调用实例代码
2013/02/03 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
2014/05/29 PHP
php判断对象是派生自哪个类的方法
2015/06/20 PHP
php接口隔离原则实例分析
2019/11/11 PHP
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
JavaScript中的数学运算介绍
2014/12/29 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
2016/01/25 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
微信小程序分页加载的实例代码
2017/07/11 Javascript
Vue上传组件vue Simple Uploader的用法示例
2017/08/25 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
2018/07/03 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
js中int和string数据类型互相转化实例
2019/01/16 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
[47:48]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第三局
2016/02/28 DOTA
python并发编程之多进程、多线程、异步和协程详解
2016/10/28 Python
Python多维/嵌套字典数据无限遍历的实现
2016/11/04 Python
对pandas进行数据预处理的实例讲解
2018/04/20 Python
浅谈python连续赋值可能引发的错误
2018/11/10 Python
python 产生token及token验证的方法
2018/12/26 Python
python防止随意修改类属性的实现方法
2019/08/21 Python
行政总监岗位职责
2013/12/05 职场文书
药学专业个人的自我评价
2013/12/31 职场文书
2014年社区植树节活动方案
2014/02/28 职场文书
财务简历的自我评价
2014/03/05 职场文书
教师产假请假条范文
2014/04/10 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
见习期个人总结
2015/03/05 职场文书
新娘婚礼致辞
2015/07/27 职场文书
施工安全协议书
2016/03/22 职场文书
Win11跳过联网界面创建本地管理账户的3种方法
2022/04/20 数码科技
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server