登陆发布提交

css3基本选择器有哪些 (CSS3-JS成功页面加载终了之前loading揭示成果-网站树立-厦门网站树立-HTML5)

文章编号：1831 更新时间：2024-01-06 分类：互联网资讯 阅读次数：次

资讯内容

//失掉阅读器页面可见高度和宽度

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;

//在页面未html" target="_blank">加载终了之前显示的loadingHtml自定义内容

var_LoadingHtml=‘iON:absolute;left:0;width:100%;height:’+_PageHeight+‘px;top:0;background:#f3f8ff;opacity:0.8;filter:alpha(opacity=80);z-index:10000;>页面加载中，请等候…

css3基本选择器有哪些CSS3JS成功
’;

//出现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网站树立厦门网站树...
下一篇：厦门网站建设方案厦门网站树立网站制造SEO...

发表评论

热门文章

站点推荐