function openFloatable(){
	var floatTable = document.getElementById("floatTable");		//获取弹出层对象
	floatTable.style.display='block';	//设置此层为显示状态
	
	/******获取此层的实际宽度和高度*****/
	var floatw = floatTable.offsetWidth;
	var floath = floatTable.offsetHeight;
	
	/******获取浏览器窗口的实际高度和实际宽度*****/	
	var bodyh = document.body.clientHeight;
	var bodyw = document.body.clientWidth;
	
	/******设置弹出层的位置坐标*****/
	floatTable.style.left=(bodyw-floatw)/2;	
	floatTable.style.top=(bodyh-floath)/2;
	}


function closeFloatable(){
	var floatTable = document.getElementById("floatTable");		//获取弹出层对象
	floatTable.style.display='none';	//设置此层为显示状态
	}


var ns=document.getElementById&&!document.all;		//浏览器过滤判断
var blocked = false;		//初始化blocked值为假
var obj_x,obj_y,z;
var floatLeft,floatTop;


/*****鼠标左键按下时执行的方法如下：******/
function blocking(obj){
	if (!document.getElementById&&!document.all){return false;}
	
	/*****判断对象的事件源；firefox(event.target)与IE(event.srcElement)对等*****/
	var realObj=ns? obj.target : event.srcElement


	/*****如果当前对象的样式表为moveHead时执行以下操作*******/
	if(realObj.className=="moveHead"){
		blocked=true
		z=realObj.parentNode.parentNode.parentNode;
		//alert(z.tagName);		//打印测试可检查是否取到要移动的对象的标签名，我这里要移动的是table,具体你要移动什么就检测什么
		floatLeft = parseInt(z.style.left+0);
		floatTop = parseInt(z.style.top+0);
		obj_x=ns? obj.clientX: event.clientX;
		obj_y=ns? obj.clientY: event.clientY;
		document.onmousemove=moveTable	//当鼠标移动时执行moveTable()事件
		return false
		}
	}
	
	
/*****鼠标左键按下同时移动时执行的方法如下：******/
function moveTable(obj){
	if (blocked == true){
	
		/******确定要移动对象的位置********/
		z.style.left=ns? floatLeft+obj.clientX-obj_x: floatLeft+event.clientX-obj_x;
		z.style.top=ns? floatTop+obj.clientY-obj_y : floatTop+event.clientY-obj_y;
		
		return false
		}
	}

document.onmousedown=blocking;		//当鼠标左键按下时执行blocking()方法
document.onmouseup=new Function('blocked=false');	//当鼠标松开左键时再返回blocked值为假