//拖拽 
//对“拖动点”定义：onMousedown="StartDrag(this)" onMouseup="StopDrag(this)" onMousemove="Drag(this)"即可 
var move=false,oldcolor,_X,_Y; 
//弹出层 
function openLayer(objId,conId){ 
var arrayPageSize   = getPageSize();//调用getPageSize()函数 
var arrayPageScroll = getPageScroll();//调用getPageScroll()函数 
if (!document.getElementById("popupAddr")){ 
//创建弹出内容层 
var popupdiv = document.createElement("div"); 
//给这个元素设置属性与样式 
popupdiv.setAttribute("id","popupAddr") 
popupdiv.style.position = "absolute"; 
popupdiv.style.border = "4px solid #D8D8D8"; 
popupdiv.style.background = "#fff"; 
popupdiv.style.zIndex = 999; 
//创建弹出背景层 
var bodyBack = document.createElement("div"); 
bodyBack.setAttribute("id","bodybg") 
bodyBack.style.position = "absolute"; 
bodyBack.style.width = "100%"; 
bodyBack.style.height = (arrayPageSize[1] + 35 + 'px'); 
bodyBack.style.zIndex = 98; 
bodyBack.style.top = 0; 
bodyBack.style.left = 0; 
bodyBack.style.filter = "alpha(opacity=0)"; 
bodyBack.style.opacity = 0.5; 
//bodyBack.style.background = "#000"; 
//实现弹出(插入到目标元素之后) 
var mybody = document.getElementById(objId); 
insertAfter(popupdiv,mybody);//执行函数insertAfter() 
insertAfter(bodyBack,mybody);//执行函数insertAfter() 
} 
//显示背景层 
document.getElementById("bodybg").style.display = ""; 
//显示内容层 
var popObj=document.getElementById("popupAddr") 
popObj.innerHTML = document.getElementById(conId).innerHTML; 
popObj.style.display = ""; 
//让弹出层在页面中垂直左右居中(统一) 
//    popObj.style.width  = "600px"; 
//    popObj.style.height = "400px"; 
//    popObj.style.top  = arrayPageScroll[1] + (arrayPageSize[3] - 35 - 400) / 2 + 'px'; 
//    popObj.style.left = (arrayPageSize[0] - 20 - 600) / 2 + 'px'; 
//让弹出层在页面中垂直左右居中(个性) 
var arrayConSize=getConSize(conId) 
popObj.style.top  = arrayPageScroll[1] + (arrayPageSize[3] - arrayConSize[1]) / 2-150 + 'px'; 
popObj.style.left = (arrayPageSize[3]- arrayConSize[1])/2+arrayConSize[1]/2 + 'px'; 
//popObj.style.left = document.body.clientWidth/2-350 + 'px'; 
} 
//获取内容层内容原始尺寸 
function getConSize(conId){ 
var conObj=document.getElementById(conId) 
conObj.style.position = "absolute"; 
conObj.style.left=-1000+"px"; 
conObj.style.display=""; 
var arrayConSize=[conObj.offsetWidth,conObj.offsetHeight] 
conObj.style.display="none"; 
return arrayConSize; 
} 
function insertAfter(newElement,targetElement){//插入 
var parent = targetElement.parentNode; 
if(parent.lastChild == targetElement){ 
parent.appendChild(newElement); 
} 
else{ 
parent.insertBefore(newElement,targetElement.nextSibling); 
} 
} 
//获取滚动条的高度 
function getPageScroll(){ 
var yScroll; 
if (self.pageYOffset) { 
yScroll = self.pageYOffset; 
} else if (document.documentElement && document.documentElement.scrollTop){ 
yScroll = document.documentElement.scrollTop; 
} else if (document.body) { 
yScroll = document.body.scrollTop; 
} 
arrayPageScroll = new Array('',yScroll) 
return arrayPageScroll; 
} 
//获取页面实际大小 
function getPageSize(){ 
var xScroll,yScroll; 
if (window.innerHeight && window.scrollMaxY){ 
xScroll = document.body.scrollWidth; 
yScroll = window.innerHeight + window.scrollMaxY; 
} else if (document.body.scrollHeight > document.body.offsetHeight){ 
sScroll = document.body.scrollWidth; 
yScroll = document.body.scrollHeight; 
} else { 
xScroll = document.body.offsetWidth; 
yScroll = document.body.offsetHeight; 
} 
var windowWidth,windowHeight; 
//var pageHeight,pageWidth; 
if (self.innerHeight) { 
windowWidth = self.innerWidth; 
windowHeight = self.innerHeight; 
} else if (document.documentElement && document.documentElement.clientHeight) { 
windowWidth = document.documentElement.clientWidth; 
windowHeight = document.documentElement.clientHeight; 
} else if (document.body) { 
windowWidth = document.body.clientWidth; 
windowHeight = document.body.clientHeight; 
} 
var pageWidth,pageHeight 
if(yScroll < windowHeight){ 
pageHeight = windowHeight; 
} else { 
pageHeight = yScroll; 
} 
if(xScroll < windowWidth) { 
pageWidth = windowWidth; 
} else { 
pageWidth = xScroll; 
} 
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
return arrayPageSize; 
} 
//关闭弹出层 
function closeLayer(){ 
document.getElementById("popupAddr").style.display = "none"; 
document.getElementById("bodybg").style.display = "none"; 
return false; 
} 


function StartDrag(obj){  //定义准备拖拽的函数 
obj.setCapture(); //对当前对象的鼠标动作进行跟踪 
oldcolor=obj.style.backgroundColor; 
obj.style.background="#999"; 
move=true; 
//获取鼠标相对内容层坐标 
var parentwin=document.getElementById("popupAddr"); 
_X=parentwin.offsetLeft-event.clientX 
_Y=parentwin.offsetTop-event.clientY 
} 
function Drag(obj){        //定义拖拽函数 
if(move){ 
var parentwin=document.getElementById("popupAddr"); 
parentwin.style.left=event.clientX+_X; 
parentwin.style.top=event.clientY+_Y; 
} 
} 
function StopDrag(obj){   //定义停止拖拽函数 
obj.style.background=oldcolor; 
obj.releaseCapture(); //停止对当前对象的鼠标跟踪 
move=false; 
}