蒙面人生蒙面人生

数据载入中...效果代码

做出数据载入中的效果如果数据太多,页面数据加载就会变慢。在等待数据的传输过程中我们总要给浏览者一点提示什么的吧,为了达到这样的目的,我们可以采用如下的方法.
第一种方法: 

XML/HTML代码
  1. <div id=divMsg width=800 height=200>正在读取数据,请稍候.....</div>   

需要运行的代码放中间

XML/HTML代码
  1. <script language=javascrIPt>    
  2. window.divMsg.style.display="none";    
  3. </scrIPt>   

第二种方法,是从blogcn的代码里面抽出来的。

XML/HTML代码
  1. <html>    
  2. <head><title>test</title>    
  3. </head>    
  4.   
  5. <body>    
  6. <scrIPt>    
  7. function chkdiv(divid){    
  8. var chkid=document.getElementById(divid);    
  9. if(chkid != null){return true; }    
  10. else {return false; }    
  11. }    
  12. </scrIPt>    
  13.   
  14. <div id="comment">数据载入中...</div>    
  15. </body>    
  16. </html>   
XML/HTML代码
  1. <script>if (chkdiv('comment')) {document.getElementById('comment').innerHTML='Content';}</scrIPt>   

把Content的部分换成你需要的内容

方法三: 

XML/HTML代码
  1. 第一步:把这段代码放在你要放广告的网页位置:   
  2.   <SPAN id=ad_01>广告载入中...</SPAN>  
  3.   第二步:把这段代码放到页底:   
  4.   <SPAN class=spanclass id=span_ad_01>  
  5.   这里放广告的JS代码或其他加载速度比较慢的内容都可以.   
  6.   </SPAN>  
  7.   <SCRIPT>ad_01.innerHTML=span_ad_01.innerHTML;span_ad_01.innerHTML="";</SCRIPT>  
本原创文章未经允许不得转载 | 当前页面:蒙面人生 » 数据载入中...效果代码

评论