为你的网页加一个Loading !!!!

时间： 2021-07-31 作者：daque

熟习flash的伙伴都领会普遍比拟大的flash大作都要加loading以提防其播放不贯串。比拟之下网页就小的多，然而即使在网速很慢的情景下，翻开一个10kb安排的网页的功夫要胜过30秒，这时候就有需要加上loading了。 loading的道理很大略，在网页中介入一个不通明的层，z-index属性设为“100”，纵然它处在最上一层也不不同，width、height都设为“100%”。当网页加载结束触发onload事变时会将它湮没。简直的代码如次: 　 <html><head><title>为网页加loading </title> <meta http-equiv="content-type" content="text/html; charset=utf8"> </head> <body onload='clearinterval(timer);loading.style.display="none";'> <div id="loading" style="position:absolute;width:100%; height:100%;z-index:100;background:white;"> <div id="waiting" style="position:absolute;left:40%;top:50%;"></div></div> <script> var text="正在载入文书档案";i=0; function load() { if (i<6) { text+="."; waiting.innertext=text; i++;} else {text="正在载入文书档案";i=0;}} timer=window.setinterval("load()",300); </script>  <img src="http://图片地方"> </body> </html> ok！loading就做结束，试一下吧，然而犯得着提防的是当文书档案中惟有＜script＞和＜iframe＞标志时loading大概不起效率。

为你的网页加一个Loading !!!!

相关推荐

推荐下载

热门阅览

最新排行