友好的等待效果怎么做?

Question

做增加操作时使用:  有谁有这方面的源码备份能不能发个, 资料, 思路也可以. 没有做过这个功能.

Answer 1

Ajax提交数据，在主线程显示splash界面

Answer 2

一个类似这样的页面。
<SCRIPT LANGUAGE="JavaScript">function closeDiv(divname){
document.getElementById(divname).style.display='none';
}function openDiv(divname){
document.getElementById(divname).style.display='';
}function setFullLoading(){
var divid="full_loading";
var info="full_loading_info";
openDiv(divid);
openDiv(info);
var my_top=document.body.scrollTop;

document.getElementById(info).style.top=my_top+100;
document.getElementById(info).style.left=100; document.getElementById(divid).style.width= document.body.scrollWidth;
document.getElementById(divid).style.height=document.body.scrollHeight;
 
}function unsetFullLoading(info){
closeDiv("full_loading");
closeDiv("full_loading_info");
if(info&&info!="") alert(info);


}
 window.onresize = function onResize() {
  if(document.getElementById("full_loading").style.display=="none") return;
  else setFullLoading();
     }</SCRIPT><div id="full_loading" style="Z-INDEX: 99; POSITION: absolute;filter:alpha(opacity=50); background-color:#EEEEEE; width:100%; height:100%;left:0;top:0;display:none">
</div><div id="full_loading_info" style="Z-INDEX: 98; POSITION: absolute;filter:alpha(opacity=100);display:none;" width="100%" height="100%">
<TABLE width="100%" height="100%">
<TR width="100%">
<TD align="center"><INPUT TYPE="image" SRC="../image/loading.gif"></TD>
</TR>
</TABLE></div>
<SCRIPT LANGUAGE="JavaScript">
setFullLoading();
</SCRIPT>ajax
//读取数据
function getData(id,target){
setFullLoading();
var xmlReq =getXMLHttpRequest();
xmlReq.onreadystatechange = function(){
if(xmlReq.readyState == 4){
checkLogin(xmlReq.responseText);
document.getElementById(id).innerHTML =xmlReq.responseText;
unsetFullLoading();
}
}
xmlReq.open("GET",target, true);
xmlReq.send(null);
}