Div彈出層-當滑鼠移上去出現一個層，滑鼠移開這個層消失的特效,大家可以直接拿去用

 

/*彈出div顯示客戶資訊 Create CopyRight:jinpeilong 2012*/  
  function createXhR()
   {
    var xhr;   
   
    try
    {
     xhr = new ActiveXObject("Msxml2.XMLhTTP");
    }
    catch(e)
    {
     try
     {
      xhr = new ActiveXObject("Microsoft.XMLhTTP");
     }
     catch(e)
     {
      xhr = false;
     }
    }   
    if(!xhr && typeof XMLhttpRequest != 'undefined') xhr = new XMLhttpRequest();
   
    return xhr;
   }
  
  function divyy(fw, name)
  {
  
    if(document.getElementById('div3')!=null)
         {
          var div21="div3";
          RemoveDiv(div21);
          }
         var div2= document.createElement("div");
         div2.id="div3";
         var clientxs=event.clientX;
         var clienty=event.clientY-100;

         var srtr="";

var srtr="";
 var xhr;
    xhr = createXhR();
    var url="../Photo.aspx?cid="+fw+"";
    xhr.open("post", url,false);
 
    xhr.onreadystatechange = function()
    {
     if(xhr.readyState == 4 && xhr.status == 200)
      srtr = xhr.responseText;
    }   
    xhr.send(null);
 
 
    var sr=srtr.split("|");
             var str="<div id='oDiv1' style='position:absolute;width:300px;height:auto;border:1px solid silver;background-color:#FFFFFF; top:"+clienty+"px;Left:"+clientxs+"px; '>";
  str +="<div id='move1' style='' onmousedown='Milan_StartMove(event,this.parentNode)' onmouseup='Milan_StopMove(event)'";
  str +="style='cursor:move;width:97%;height:25px;background-color:#ebf1ff; font-size:14px;padding-left:10px;padding-top:10px;font-size:14px;text-align:left' ><font color='red'>"+ name+"</font>-聯絡資訊</div>";
  str +="<div style='width:98%; padding-left:15px; padding-top:10px; font-size:14px;line-height:20px;height:auto;'>";
  str +="<div style='width:100%;float:left;height:auto; padding-top:10px;padding-bottom:20px;'><div  style='height:25px; width:80px;float:left;text-align:right;font-size:14px;'>職位：</div><div style='float:left; width:200px;height:25px;text-align:left;'>"+sr[0]+"</div>";
  str +="<div  style='height:25px; width:80px;float:left;text-align:right;font-size:14px;'>聯絡電話：</div><div style='float:left; width:200px;height:25px;text-align:left; word-break: break-all;'>"+sr[1]+"</div>";
  str +="<div  style='height:25px; width:80px;float:left;text-align:right;font-size:14px;'>手機：</div><div style='float:left; width:200px;height:25px;text-align:left; word-break: break-all;'>"+sr[2]+"</div>";
  str +="<div  style='height:25px; width:80px;float:left;text-align:right;font-size:14px;'>業務傳真：</div><div style='float:left; width:200px;height:25px;text-align:left;'>"+sr[3]+"</div>";
  str +="<div  style='height:25px; width:80px;float:left;text-align:right;font-size:14px;'>Email：</div><div style='float:left; width:200px;height:25px;text-align:left;'>"+sr[4]+"</div>";
  str +="<div  style='height:25px; width:80px;float:left;text-align:right;font-size:14px;'>QQ：</div><div style='float:left; width:200px;height:25px;text-align:left;'>"+sr[5]+"</div>";
  str +="<div  style='height:25px; width:80px;float:left;text-align:right;font-size:14px;'>MSN：</div><div style='float:left; width:200px;height:25px;text-align:left;'>"+sr[6]+"</div>";
  str +="</div></div></div>";
            div2.innerHTML=str;
            document.getElementById("divps").appendChild(div2);
  }
  
  
  function divClose()
  {
   if(document.getElementById('div3')!=null)
          {
            var div21="div3";
          RemoveDiv(div21);
          }
  }
  
  function RemoveDiv(obj)
        {
        var ob = document.getElementById(obj);  
         ob.parentNode.removeChild(ob);
        }