-
document.onreadystatechange：页面加载状态改变时的事件 document.readyState:返回当前文档状态 uninitialized---还未开始载入 loading---载入中 interactive---已加载，文档与用户可以开始交互 conplete---载入完成查看全部
-
加载进度条 1.document.onreadystatechange 2.if(document.readyState === “complete”){ $(“.loading”).fadeout()； }查看全部
-
uninitialized-还未开始载入 loading -载入中 interactive-已加载，文档与用户可以开始交互 complete-载入完成查看全部
-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0;} body{ overflow: hidden;} .loading { width: 100%; height: 100%; position: fixed; background: #fff; left: 0; right: 0; z-index: 100; } .loading .pic{ position: absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:282px; height:282px;background: url("images/loading.gif");} </style> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var loading = '<div class="loading"><div class="pic"></div></div>'; $("body").prepend(loading); setInterval(function(){ $(".loading").fadeOut(); },3000) }) </script> </head> <body> <img src="http://img03.dengimg.com/Gallery/AutoLink/img_174179.jpg"> </body> </html>查看全部
-
document.onreadyStatechange 页面加载状态改变时的事件 document.readyState 返回当前文档的状态查看全部
-
状态事件检测到页面加载完毕查看全部
-
图像对象查看全部
-
事件属性查看全部
-
document.onreadystatechange :页面加载状态改变时的事件 document.readyState: 返回当前文档的状态查看全部
-
https://preloaders.net/查看全部
-
居中显示：top:0;left:0;bottom:0;right:0;margin:auto查看全部
-
加载进度条查看全部
-
apend js添加元素查看全部
-
setInterval查看全部
-
position:absolute; top:0; bottom：0; left:0; right:0; margin:auto; 绝对定位居中查看全部
举报
0/150
提交
取消