博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
页面loading效果
阅读量:6907 次
发布时间:2019-06-27

本文共 1106 字,大约阅读时间需要 3 分钟。

hot3.png

一、JS代码:	//获取浏览器页面可见高度和宽度        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;        //在页面未加载完毕之前显示的loading Html自定义内容        var _LoadingHtml = '
页面加载中,请等待...
'; //呈现loading效果 document.write(_LoadingHtml); //window.onload = function () { // var loadingMask = document.getElementById('loadingDiv'); // loadingMask.parentNode.removeChild(loadingMask); //}; //监听加载状态改变 document.onreadystatechange = completeLoading; //加载状态为complete时移除loading效果 function completeLoading() { if (document.readyState == "complete") { var loadingMask = document.getElementById('loadingDiv'); loadingMask.parentNode.removeChild(loadingMask); } }

 

转载于:https://my.oschina.net/u/2242194/blog/749832

你可能感兴趣的文章
sql查询oracle版本
查看>>
进程管理
查看>>
CTF笔记【一】
查看>>
MySQL命令,一篇文章替你全部搞定
查看>>
网络运维实验之不同Vlan间互通
查看>>
OC-正则表达式
查看>>
3.计算机各部件是如何工作的
查看>>
思岚科技机器人底盘价格揭秘
查看>>
WebSocket 是什么原理?为什么可以实现持久连接?
查看>>
使用Hrorm的基础知识
查看>>
Java 创建、填充PDF表单域
查看>>
MYSQL-授权
查看>>
你的编程语言能做到这个吗?
查看>>
iTerm和Alfred 2的安装和使用
查看>>
用归档解档实现简单登陆
查看>>
自动点胶机点胶不良率高是什么原因?
查看>>
Win2003中配置FTP服务,开启防火墙导致客户端无法连接【精华详解】
查看>>
【云计算】Linux从入门到精通
查看>>
oracle 解锁用户
查看>>
Hibernate与Mybatis/iBatis的区别
查看>>