栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

网页加载时页面显示进度条加载完成之后显示网页内容

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

网页加载时页面显示进度条加载完成之后显示网页内容

现在网上有很多网页加载进度条 ,但大多都是时间固定的。
下面的当查询大量数据时,网页加载较慢,在网页加载时,显示进度条,当网页加载完成时,进度条消失,显示网页已经加载完成的内容。
复制代码 代码如下:



此处显示进度条,也可以放一张动态图片
网页真正显示的内容



----------------------------------------------------
最简单的就是放图片,网页加载完成隐藏图片,显示网页内容
复制代码 代码如下:


#loadDiv {
position:absolute;
z-index:999;
width:expression(document.body.clientWidth);
height:expression(document.body.clientHeight);
background-color:#FFFFFF;
text-align:center;
padding-top:200px;
}

 Loading...



-------------------------------------------------------
复制代码 代码如下:



 Loading...