看到许多网站有页面加载中这样的效果,就是网站打开以后,先提示加载中,等数据加载完以后才完整显示出来。请问这个效果要怎么制作,谢谢

解决方案 »

  1.   

    多数情况都是ajax环境。
    比如jquery.ajax的beforeSend and complete
    或者更简单的方法,<p id="loading">网页正在加载中...</p>
    ajax数据返回后,$('#loading').css('display','none');
      

  2.   

    一般是ajax吧。ajax有状态 status==200的时候就显示返回的responseText.
    或者简单点的用onload事件http://www.w3school.com.cn/htmldom/event_onload.asp
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.6/jquery.js"></script>
     
    </head> 
    <body>
     <div id="tips"></div>
    <script type="text/javascript"> 
    function abc(){
      $("#tips").html('加载中.....');
      $.post("p.php",function(result){
     $("#tips").html(result);
      });  return false;
    };
    abc(); 
    </script>
    </body>
    </html>
    p.php
    <?php
    sleep(5);
    exit('加载成功');
      

  4.   

    基本上都是通过Js jquery/ajax 来控制显示.也是比较简单的方法
      

  5.   

    一开始,全部内容都未显示,只有完全加载完成后,才一并显示出来。这用的也是ajax技术吗?谢谢
      

  6.   

    不是 body  的 onload()事件吗?