<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>
<style type="text/css">
#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;
}
#loader_bg {background-color:#e4e7eb;
position:relative;
top:8px;
left:8px;
height:7px;
width:113px;
font-size:1px}
#progress {
height:5px;
font-size:1px;
width:1px;
position:relative;
top:1px;
left:0px;
background-color:#70940D
}
</style><script language="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>
<body onLoad="remove_loading();">
<div id="loader_container">
<div id="loader">
<div align="center">页面正在加载中 ...</div>
<div id="loader_bg"><div id="progress"> </div></div>
</div>
</div>
<iframe id="demo" src="http://www.yahoo.com" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"></iframe>
</body>
分享到：
相关推荐
网页数据加载gif动态图标 100+个 部分图标背景透明
网页动态加载（loading）GIF图标，网页动态加载（loading）GIF图标
网页常用loading 加载gif图片素材
css3 animation实现游动图标网页加载loading动画特效.zip
当网站的网页过大需要一定的时间加载才能完全显示，如果能在加载完成之前有个提示网页正在加载中，那将体现网站更加人性的一面 利用下面几个文件可以帮你轻松实现 具体包括： loading.html Css_loading/...
收集一些手机端可用的HTML5 SVG Loading 动画加载特效 ，一共是4个网页加载特效动画，这些Loading看上去是不是很眼熟，在手机上或PC端见到的几率比较大，纯HTML5 SVG技术实现，没有使用任何图片资源，而且个个精美。...
一个svg动画文档，网页加载的进度条。
Loading网页加载进度条动画效果是一款基于jquery CSS3 animation属性实现的酷炫的Loading网页加载进度条动画效果。
jquery实现网页图片等待延时加载Loading插件源码.zip
纯CSS3彩色Loading加载特效是一款loading网页加载动画，loading图标动画特效。
科技感十足Loading加载特效是一款黑色背景明暗变化loading网页加载动画特效。
收集的105个网页loading加载gif图标，加载中动画gif。希望对大家有用。
很多加载图片，希望对你制作loading有帮助
各种网页加载中gif图
收集一些基于HTML5技术生成的网页动画加载动画，canvas loaders，也就是大家所熟悉的网页Loading特效，这个不是真正的Loading，是基于CSS3绘制出来的Loading动画效果，可用于网页Loading中，这些小动画个个都十分...
Bootstrap网页loading加载图标动画特效，一组基于css3属性绘制的加载动画特效，共有12种动画效果。
基于css3属性制作的网页预加载loading动画特效。10款实用的网页加载动画代码。
一款很酷炫彩的CSS3 Loading页面加载动画.zip