一段好用的ajax和div漂浮显示效果实现

Title

Type text here...

    function $(id)
        {
            return document.getElementById(id);
        }
        
        var xmlHttp;
            //构造XMLHTTPRequest
        function createRequest()
        {
            xmlHttp = false;
            
            try {
                  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                } 
            catch (e) {
                  try 
                {                    
                        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                  } 
                catch (e2) 
                {
                        xmlHttp = false;
                 }
            }
            
            if (!xmlHttp && typeof XMLHttpRequest != '#ff0000')
            {                
                xmlHttp = new XMLHttpRequest();
            }            
        }
        
        //异步发送请求并处理返回
        function callServer(ids,classid) 
        {
          
    
     
           var   lay  =  $("Layer2"); 
           lay.innerHTML =  "<img src=\"http://\" style=\"vertical-align:middle\" width=\"20\" height=\"20\"> 资料正在加载中，请稍侯";
           var tt = getoffset( event.srcElement );
           var x = tt[1];
           var y = tt[0];
           lay.style.left=   x+10;
           lay.style.top   =   y+10;
           lay.style.display="block";
       
        
            createRequest();
            var url = createUrl(ids,classid);
            url = url + "&num="+Math.round(Math.random()*10000);
        
        
            xmlHttp.open("GET",url,true);
            xmlHttp.onreadystatechange = updatePage;
            xmlHttp.send(null);

        }
        
        function getoffset(e) 
{  
 var t=e.offsetTop;  
 var l=e.offsetLeft;  
 while(e=e.offsetParent) 
 {  
  t+=e.offsetTop;  
  l+=e.offsetLeft;  
 }  
 var rec = new Array(1); 
 rec[0]  = t; 
 rec[1] = l; 
 return rec 
}  
        
        function updatePage()
        {
            if(xmlHttp.readyState == 4)
            {
                if(xmlHttp.status == 200)
                {
                    var   lay  =  $("Layer2"); 
                    var response = xmlHttp.responseText;
            
                    lay.innerHTML=response;
                    
                }
            }
        }
        function letempty()
        {
            var   lay  =  $("Layer2"); 
            lay.innerHTML="";
        }
        function createUrl(ids,classid)
            {

                var url="http://localhost/";
                return url+"?ids="+ids+"&classid="+classid;
            }
    



function MM_findObj(n, d) { //v4.01
var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}