载入进度条 效果


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 调试器简介
Feb 21 Javascript
页面中iframe相互传值传参
Dec 13 Javascript
JavaScript isPrototypeOf和hasOwnProperty使用区别
Mar 04 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
Mar 01 Javascript
jquery ajax提交整个表单元素的快捷办法
Mar 27 Javascript
JavaScript中用字面量创建对象介绍
Dec 31 Javascript
浅谈JavaScript的事件
Feb 27 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
微信小程序中换行空格(多个空格)写法详解
Jul 10 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
Jul 26 Javascript
原生js实现的移动端可拖动进度条插件功能详解
Aug 15 Javascript
JavaScript oncopy事件用法实例解析
May 13 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中substr()函数参数说明及用法实例
2014/11/15 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例
2016/05/28 PHP
CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解
2016/11/01 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
基于jquery 的一个progressbar widge
2010/10/29 Javascript
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
jquery修改属性值实例代码(设置属性值)
2014/01/06 Javascript
table insertRow、deleteRow定义和用法总结
2014/05/14 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
react的hooks的用法详解
2020/10/12 Javascript
使用py2exe在Windows下将Python程序转为exe文件
2016/03/04 Python
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
Python批量查询域名是否被注册过
2017/06/21 Python
对Python中一维向量和一维向量转置相乘的方法详解
2019/08/26 Python
完美解决keras保存好的model不能成功加载问题
2020/06/11 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
amazeui 验证按钮扩展的实现
2020/08/21 HTML / CSS
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
TripAdvisor斯洛伐克:阅读评论、比较价格和酒店预订
2018/04/25 全球购物
运动会获奖感言
2014/02/11 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
销售经理竞聘书
2014/03/31 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
无毒社区工作方案
2014/05/23 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
高中学生自我评价范文
2014/09/23 职场文书
学校元旦晚会开场白
2014/12/14 职场文书
大学生求职信怎么写
2015/03/19 职场文书
大学生暑假实习总结
2015/07/13 职场文书
初中班主任培训心得体会
2016/01/07 职场文书