载入进度条 效果


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 25 Javascript
JavaScript Undefined,Null类型和NaN值区别
Oct 22 Javascript
JS动态加载当前时间的方法
Feb 09 Javascript
Jquery中巧用Ajax的beforeSend方法
Jan 20 Javascript
js Canvas实现圆形时钟教程
Sep 19 Javascript
vuejs父子组件通信的问题
Jan 11 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
解决layUI的页面显示不全的问题
Sep 20 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
详解React中共享组件逻辑的三种方式
Feb 02 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通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
PHP中使用OpenSSL生成证书及加密解密
2017/02/05 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
javascript设计模式 接口介绍
2012/07/24 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
2013/12/24 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
2014/04/11 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
浅谈jquery回调函数callback的使用
2015/01/30 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
总结jQuery插件开发中的一些要点
2016/05/16 Javascript
JavaScript实现翻页功能(附效果图)
2017/02/16 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
2017/12/06 Javascript
ajax请求data遇到的问题分析
2018/01/18 Javascript
微信小程序实现天气预报功能
2018/07/18 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
2021/02/23 Vue.js
Python中asyncore的用法实例
2014/09/29 Python
Python的Django框架中的URL配置与松耦合
2015/07/15 Python
基于python的ini配置文件操作工具类
2019/04/24 Python
在Python中合并字典模块ChainMap的隐藏坑【推荐】
2019/06/27 Python
python网络爬虫 Scrapy中selenium用法详解
2019/09/28 Python
django 实现简单的插入视频
2020/04/07 Python
python3中sys.argv的实例用法
2020/04/24 Python
详解pycharm自动import所需的库的操作方法
2020/11/30 Python
HTML5中的Article和Section元素认识及使用
2013/03/22 HTML / CSS
美国最大的万圣节服装网站:HalloweenCostumes.com
2017/10/12 全球购物
小学数学教学反思
2014/02/02 职场文书
员工工作及收入证明
2014/10/28 职场文书
大学生读书笔记范文
2015/07/01 职场文书
运动会通讯稿50字
2015/07/20 职场文书
python如何在word中存储本地图片
2021/04/07 Python
详解JS ES6编码规范
2021/05/07 Javascript