页面技巧 加载与内容的变化

<div id="leftClient" style="display:none;float:left;width:260px;" class="left-client">
<span class="showSpan" style="position: absolute;left: 230px;">&nbsp;&nbsp;<a href="#"><img src="<%=rootPath %>/indexn/images/arr_05.png"/></a></span>
<iframe allowTransparency="true" style="display:none;" id="frmNavTree" name="left" frameborder=0 framespacing=0  scrolling=auto marginheight=0 marginwidth=0 width="100%">  
    </iframe>
<iframe allowTransparency="true" style="display:none;" src="./common/jsp/loading/loading.jsp" name="leftLoading" id="leftLoading"
      frameborder=0 framespacing=0 scrolling=no marginheight=0 marginwidth=0 width="100%" height="100%" >
    </iframe>
</div>



$("#frmNavTree").load(function(){
$("#frmNavTree").show();
$("#leftLoading").hide();

});


<div id="mainWindow" class="right-client" style="display:block;width:100%;float:left;">
<div style="width:100%;height:100%;" id="rightClientDiv" >
<div id="navigation" style="width: 100%;height:26px;display:none; padding-left: 10px;">
</div>
<iframe allowTransparency="true" style="display:none;"src="<%=strRightURL%>" id="frmMain"  name="right" frameborder="0" scrolling=no width="100%" height="100%" ></iframe>
<iframe allowTransparency="true" style="display:none;"src="./common/jsp/loading/loading.jsp" id="rightLoading" name="rightLoading" frameborder="0" scrolling=no width="100%" height="100%" style="margin-right:0;margin-left:0"></iframe>
</div>
</div>




$("#frmMain").load(function(){
$("#frmMain").show();
$("#rightLoading").hide();
  //document.all.left.document.body.scroll = "no";
$("#frmNavTree").contents().find("#scrollBar").height($("#leftClient").height()- $("#frmNavTree").contents().find(".tree-node-root-li").outerHeight());
resize();
});