蒙面人生蒙面人生

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

2009-09-19 分类：帝国ecms 阅读(845) 评论(0)

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

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>  
本原创文章未经允许不得转载 | 当前页面：蒙面人生 » 数据载入中...效果代码
标签：网站建设

相关推荐

评论