-
document.onreadystatechange：頁(yè)面加載狀態(tài)改變時(shí)的事件 document.readyState:返回當(dāng)前文檔狀態(tài) uninitialized---還未開始載入 loading---載入中 interactive---已加載，文檔與用戶可以開始交互 conplete---載入完成查看全部
-
加載進(jìn)度條 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 頁(yè)面加載狀態(tài)改變時(shí)的事件 document.readyState 返回當(dāng)前文檔的狀態(tài)查看全部
-
狀態(tài)事件檢測(cè)到頁(yè)面加載完畢查看全部
-
圖像對(duì)象查看全部
-
事件屬性查看全部
-
document.onreadystatechange :頁(yè)面加載狀態(tài)改變時(shí)的事件 document.readyState: 返回當(dāng)前文檔的狀態(tài)查看全部
-
https://preloaders.net/查看全部
-
居中顯示：top:0;left:0;bottom:0;right:0;margin:auto查看全部
-
加載進(jìn)度條查看全部
-
apend js添加元素查看全部
-
setInterval查看全部
-
position:absolute; top:0; bottom：0; left:0; right:0; margin:auto; 絕對(duì)定位居中查看全部
舉報(bào)
0/150
提交
取消