//失掉阅读器页面可见高度和宽度
var_PageHeight=document.documentElement.clientHeight,
_PageWidth=document.documentElement.clientWidth;
//计算loading框距离顶部和左部的距离（loading框的宽度为215px，高度为61px）
var_LoadingTop=_PageHeight>61?(_PageHeight–61)/2:0,
_LoadingLeft=_PageWidth>215?(_PageWidth–215)/2:0;
//在页面未加载终了之前显示的loadingHtml自定义内容
var_LoadingHtml=‘
//出现loading成果
document.write(_LoadingHtml);
//window.onload=function(){
//varloadingMask=document.getElementById(‘loadingDiv’);
//loadingMask.parentNode.removeChild(loadingMask);
//监听加载形态扭转
document.onreadystatechange=completeLoading;
//加载形态为complete时移除loading成果
functioncompleteLoading(){
if(document.readyState==complete){
varloadingMask=document.getElementById(‘loadingDiv’);
loadingMask.parentNode.removeChild(loadingMask);
将此段js代码放入最后即可； 其中loading成果的样式可以依据自己的格调修正，loading.gif这个图片须要自己找（网上很多的）。 标签： CSS3、 网站树立、 loading、 JS成功页面加载终了之前loading揭示成果、 HTML5、本文地址： https://yihaiquanyi.com/article/da041312366b77e2ac16.html
上一篇：html5网页制作HTML5CSS3网站树立厦门网站树...
网站首页
提交收录
收录查询
文章资讯
热门排行
软文发布
自助广告
