页面实现加载时的等待效果
原理是在需要等待的页面区域加一个层先覆盖加载中的页面,等待数据加载完成后把层隐藏掉
<div id="ld" style="position:absolute; left:-1px; top:1px; width:100%; height:100%; background-color:#FFFFFF; z-index:1000;">
<div id="center" style="position:absolute;">
<table border="0">
<tr><td><span id="disp">页面加载中,请等待...</span></td></tr>
<tr><td><img src="/common/image/2.gif"></td></tr>
</table>
</div>
</div>
<script language="JavaScript">
function winload(){
ld.style.display="none";
f8=true;
}
</script>
<div onload="winload();">
有些时候页面加载时间很短,就看不到等待的效果,可以把onload函数改成下面的,就可以看到效果了
<script language="JavaScript">
function winload(){
setTimeout(
function(){
alert("111111");
ld.style.display="none";
f8=true;
},1000);
}
</script>
div部分的代码写在<head>之后
分享到：
相关推荐
js加载页面等待效果，加载完成以后可以显示全部页面，前期等待效果
JS加载等待效果，所有页面继承自BasePage类， 每次页面加载前都会自动调用JS特效，页面数据加载完毕后自动隐藏并显示具体内容。
页面载入等待代码(用javascript技术实现)
应用移动H5领域。CSS3 实现Loading加载，页面遮罩层的应用。
用遮罩层显示页面加载信息,纯JS的,代码简单,功能完善.调用showMask()函数即可看到效果.
页面加载出现等待的效果，基于javascript的，实现起来非常容易
该资源是web页面加载等待页面的一个模板，非常实用，页面很大众化，大家快来下载吧！^_^
用法非常简单，基于原生 JS CSS 开箱即用 在head中引入css，在body第一行引入js 即可失效酷炫的页面加载特效 详细介绍参考 https://zzzmh.cn/single?id=53
一款基于js和html5 SVG螺旋式扩散网页加载等待动画特效，旋转扩散Loading加载动画效果。
主要介绍了JS实现的自定义显示加载等待图片插件,涉及javascript针对图片的动态加载实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
C#判断webbrowser页面最终加载完成
于是我就写了个演示页面，在body里加了个iframe来加载大一点的网站，这样就看出效果了！ 用Safari打开貌似CSS动画的播放时间变成同步了，不知道什么原因，本地测试又没问题（请大神指点！），用Chrome、Firefox...
div加载等待，等待图片，页面覆盖，不能操作
但是如果树的节点和层次很多的时候,例如超过2000个节点的时候,一次性把树加载到页面就需要等待很长的时间.为了解决这个问题,我曾经在项目里利用Ajax来动态加载节点,即开始只显示必要的节点,当用户展开树的时候再加载...
加载数据等待代码包括图片加载等待js页面加载完毕后即将DIV隐藏
30款css3页面加载等待动画特效.zip
不过，在web2.0时代，更多人愿意用javascript来实现一个图片浏览器，让用户无需等待过长的时间就能看到其他图片。 知道了一张图片的地址，需要把它在一个固定大小的html容器（可以是div等）里边显示出来，最重要的...
js实现的页面加载页，包括按钮等待，指定div等待，全屏等待
在实际应用中往往需要在页面加载完毕之后再去执行相关的js代码，之所以这么操作是有道理的，如果是操作dom元素，如果相关元素没有加载完成，而去执行js代码，可能会导致错误，下面就介绍一下如何实现页面加载完成再...
大概的实现方式是：页面的定义元素img时，将src统一替换成自定义的一个属性名，如叫“originalSrc”，然后利用JS把给img的src设置为一个定义好的等待图片，然后在scroll事件触发时，把img元素位置正好在浏览器显示...