控制div的加载顺序

Question

有三个div，首先加载footer，延迟两秒，再加载body，延迟两秒，再加载header
是这么个意思，就是想控制任意一个div的加载顺序

Answer 1

那开始就全部隐藏所有的div，然后是使用JS定时器显示就可以了

Answer 2

<div id="header" style="display:none;"></div>
<div id="body" style="display:none;"></div>
<div id="footer" style="display:none;"></div>
就是样隐藏
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
function show(){
  if($("#footer").css("display") == "none") {
  $("#footer").show();
  }
  else if($("#body").css("display") == "none") {
  $("#body").show();
  }
   else if($("#header").css("display") == "none") {
  $("#header").show();
  }
}
setInterval("show()",2000)</script>

Answer 3

很多脚本库的有 contentready 之类的事件,不过别人也不推荐用

Answer 4

如果没有人为设置div的加载顺序，那么是不是从上到下依次显示，遇到左右嵌套的，从左向右显示。如果页面中有些内容比较重要，在网速不佳的情况下必须先显示出来，那该怎么办