<html>
<head>
<script type="text/javascript">
//页面加载中效果开始
var t_id = setInterval(animate,20);
var pos=0;
var dir=2;
var len=0;
function animate() {
var elem = document.getElementById('progress');
if(elem != null) {
if (pos==0) len += dir;
if (len>32 || pos>79) pos += dir;
if (pos>79) len -= dir;
if (pos>79 && len==0) pos=0;
elem.style.left = pos;
elem.style.width = len;
}
}
function remove_loading() {
this.clearInterval(t_id);
var targelem = document.getElementById('loader_container');
targelem.style.display='none';
targelem.style.visibility='hidden';
}
</script>
<style>
#loader_container {
text-align:center;
position:absolute;
top:40%;
width:100%;
left: 0;
}
#loader {
font-family:Tahoma, Helvetica, sans;
font-size:11.5px;
color:#000000;
background-color:#FFFFFF;
padding:10px 0 16px 0;
margin:0 auto;
display:block;
width:130px;
border:1px solid #5a667b;
text-align:left;
z-index:2;
}
#progress {
height:5px;
font-size:1px;
width:1px;
position:relative;
top:1px;
left:0px;
background-color:#8894a8;
}
#loader_bg {
background-color:#e4e7eb;
position:relative;
top:8px;
left:8px;
height:7px;
width:113px;
font-size:1px;
}
</style>
</head>
<body>
<div id="loader_container">
<div id="loader" style="width: 130px; height: 48px">
<div align="center">
<font color="#FF9900">页面正在加载中 <br>
请稍候...</font>
</div>
<div id="loader_bg">
<div id="progress"> </div>
</div>
</div>
</div>
网页内容；
<iframe src="http://www.qq.com" />
<script language="javascript">
remove_loading();
</script>
</body>
分享到：
相关推荐
在本主题中，我们将探讨如何利用JS实现网页载入时的美观效果，提升用户体验。 首先，我们需要理解“页面载入”这一概念。当用户访问一个网页时，浏览器会下载HTML、CSS、JavaScript以及图像等资源。这个过程就是...
易语言源码检测浏览器网页是否载入完毕例程.rar 易语言源码检测浏览器网页是否载入完毕例程.rar 易语言源码检测浏览器网页是否载入完毕例程.rar 易语言源码检测浏览器网页是否载入完毕例程.rar 易语言源码检测...
网页载入的过程通常分为以下几个阶段： 1. **DNS解析**：浏览器首先将URL转换为服务器的IP地址，这涉及到DNS（Domain Name System）的查询。 2. **TCP连接建立**：浏览器与服务器之间建立TCP连接，通常通过三次握手...
一套精美的国外网页加载效果的psd源文件，全部分图层，可以任意修改
SWFObject是一个JavaScript库，主要用于在网页中无缝地嵌入Adobe Flash内容，如SWF文件。这个库由格雷格·劳（Greg Lafrance）创建，并在2006年首次发布，目的是解决早期Flash内容在网页上加载和显示的一系列问题，...
在源代码中的…< /HEAD> 加入如下代码： “refresh”content=“40;URL=http://www.goEway.com ”> 40秒后将自动载入http://www.goEway.com所在的网页
在IT行业中，尤其是在Web开发领域，了解如何检测浏览器网页是否完全加载是非常重要的...通过这个"完整版检测浏览器网页是否载入完毕例程"，开发者可以获得一个实现这种功能的参考示例，以便在自己的项目中灵活运用。
在网页设计中，倒计时加载页面是一种常见的特效，它能为用户提供一个明确的等待指示，提高用户体验。这个名为"倒计时载入页面.rar"的压缩包包含了一个实现此类特效的HTML文件。 倒计时加载页面的核心在于JavaScript...
在网页开发过程中，加载动画或提示信息常常被用来提升用户体验，尤其是在页面加载时间较长的情况下。通过合理的加载提示，可以让用户感到网站的专业性和友好性，减少用户的焦虑感，避免因为加载过程中的空白而产生...
检测浏览器网页是否载入完毕例程.zip易语言项目例子源码下载检测浏览器网页是否载入完毕例程.zip易语言项目例子源码下载 1.合个人学习技术做项目参考 2.适合学生做毕业设计参考 3.适合小团队开发项目参考
在网页设计中，用户体验是至关重要的一个环节。页面载入进度条作为一个实用的功能，它能够提升用户在等待页面加载时的体验，通过显示加载进度，让用户了解页面的加载状态，从而减少用户的焦虑感。本教程将深入探讨...
页面载入等待代码是网页开发中的一个重要环节，特别是在用户界面设计和用户体验优化方面。JavaScript作为浏览器端的主要脚本语言，提供了丰富的API和方法来处理页面的生命周期，包括控制页面的加载过程。本篇文章将...
《jQuery延时载入动画焦点图的实现与应用》 ...它在提升网页性能的同时，也增加了用户的浏览乐趣，是现代网页设计中不可或缺的一部分。对于想要提升网站视觉效果的开发者来说，理解和掌握这一技术是十分必要的。
JS整个页面 载入特效 这个网页有动感
Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。在Web开发中，Ajax被广泛用于实现页面的异步交互，提升用户体验，尤其是在数据加载时，良好的等待特效能...
页面载入等待是指在用户请求访问一个网页时，浏览器从服务器获取网页数据并将其呈现给用户的过程中所经历的时间。这个过程可能包括DNS查询、建立连接、发送请求、接收响应等步骤。页面载入时间的长短直接影响用户的...
在IT行业中，载入图标（Loading）是一种常见且至关重要的元素，特别是在网页设计和用户体验（UX）领域。这些图标在用户等待内容加载时提供视觉反馈，以表明系统正在处理请求，减少用户的不耐烦感，并提升整体的交互...
本篇文章将深入探讨“Flash载入HTML”这一主题，包括如何使HTML中的图片在Flash中正确显示。 Flash，全称Adobe Flash，是一种创建动态网页内容、交互式应用程序和动画的工具。它曾经是互联网上多媒体内容的主要载体...
在网页设计中，用户体验是至关重要的一个环节，而页面载入提示效果就是提升用户体验的一种有效方式。"常用的页面载入提示效果"这个压缩包文件包含了关于如何使用JavaScript（JS）来实现各种动态加载提示的实例。...