载入进度条 效果


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 相关文章推荐
js或者jquery判断图片是否加载完成实现代码
Mar 20 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
jquery SweetAlert插件实现响应式提示框
Aug 18 Javascript
初步了解javascript面向对象
Nov 09 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
关于Vue单页面骨架屏实践记录
Dec 13 Javascript
微信小程序App生命周期详解
Jan 31 Javascript
vue进行图片的预加载watch用法实例讲解
Feb 07 Javascript
Vue项目中使用jquery的简单方法
May 16 jQuery
vue开发拖拽进度条滑动组件
Sep 21 Javascript
JavaScript实现英语单词题库
Dec 24 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获取栏目的所有子级和孙级栏目的ID号示例
2014/04/01 PHP
php微信开发之图片回复功能
2018/06/14 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
JS解密入门 最终变量劫持
2008/06/25 Javascript
json原理分析及实例介绍
2012/11/29 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
2016/05/24 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
React Native 真机断点调试+跨域资源加载出错问题的解决方法
2018/01/18 Javascript
Vue之Vue.set动态新增对象属性方法
2018/02/23 Javascript
解决vue router组件状态刷新消失的问题
2018/08/01 Javascript
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
2018/08/30 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
微信小程序中使用 async/await的方法实例分析
2020/05/06 Javascript
vue项目,代码提交至码云,iconfont的用法说明
2020/07/30 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
[36:33]完美世界DOTA2联赛循环赛 Matador vs Forest 第一场 11.06
2020/11/06 DOTA
Python ljust rjust center输出
2008/09/06 Python
用Python将动态GIF图片倒放播放的方法
2016/11/02 Python
Python操作MongoDB数据库的方法示例
2018/01/04 Python
使用python3+xlrd解析Excel的实例
2018/05/04 Python
基于Django URL传参 FORM表单传数据 get post的用法实例
2018/05/28 Python
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
python使用多进程的实例详解
2018/09/19 Python
电气专业推荐信范文
2013/11/18 职场文书
仓管岗位职责范本
2014/02/08 职场文书
119消防日活动总结
2014/08/29 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
Qt自定义Plot实现曲线绘制的详细过程
2021/11/02 Python
高并发下Redis如何保持数据一致性(避免读后写)
2022/03/18 Redis
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript