18910140161

html页面加载好再进入网站功能实现

顺晟科技

2021-06-16 10:47:11

286

钢性铸铁代码:

#正在加载DiV {位置:left:0宽度:;top:0背景# fffz-index:10000}

#正在加载Div div {位置:宽度:自动高度:105px填充-左:215 px背景:#fff url(./images/loading。gif)无重复中心中心/50px 50px }

射流研究…代码:

var _ page height=document。文档元素。客户身高,

_页面宽度=文档。文档元素。客户端宽度;

//计算装货框距离顶部和左部的距离(装载框的宽度为215px,高度为61px)

var _LoadingTop=_PageHeight 61?(_PageHeight - 61)/2 : 0,

_LoadingLeft=_PageWidth 215?(_页面宽度-215)/2 : 0;

//在页面未加载完毕之前显示的加载超文本标记语言自定义内容

var _ LoadingHTMl=' div id=' LoadingDiv ' style=' height : ' _ PageHeight ' px;div style=' left : ' _ LoadingLeft ' px;top : ' _ loading ToP ' px/div/div ';

//呈现装货效果

文件。write(_ loading html);

//监听加载状态改变

文件。onreadystatechange=完成加载;

//加载状态为完成时移除装货效果

函数completeLoading() {

if(文档。readystate==' complete '){

var loading MASK=文档。GetElementbyID('加载DiV ');

正在加载MASK。父节点。移除子项(加载MASK);

}

}

就是如此简单,赶快试试吧!

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航