New Document body{padding:0px;text-align:center;font:12px Arial;} div.container{width:100px;height:100px;border:1px solid #000;margin:10px auto;} div#main{width:99px;height:99px;border:1px solid #000;background:#050;color:#fff;font:12px Arial;margin:auto;} p{text-algin:left;} /********************Mouse类及其方法********************/ //创建鼠标类 var Mouse=new Object(); //获取鼠标位置 Mouse.getMousePosition=function(event) { var event=event || window.event; if(event.pageX) { return {x:event.pageX,y:event.pageY}; } else { var x=event.clientX+document.body.scrollLeft-document.body.clientLeft; var y=event.clientY+document.body.scrollTop-document.body.clientTop; return {x:x,y:y}; } } //鼠标是否按下 Mouse.isDown=false; /*************************Element类及其方法***********************/ var Element=new Object(); //根据id获取目标 Element.getElement=function(id) { var obj=document.getElementById(id); if(obj) { return obj; } else { alert("getElement():no such Element"); return null; } } //获取元素自身的尺寸 Element.getElementSize=function(object) { try { return {width:object.offsetWidth,height:object.offsetHeight}; } catch (error) { alert("getElementSize():Element is undefined"); return null; } } //获取元素的位置 Element.getElementPosition=function(object) { try { var left=0,top=0; while(object.offsetParent) { left+=object.offsetLeft; top+=object.offsetTop; object=object.offsetParent; } return {left:left,top:top}; } catch (error) { alert("getEelementPosition():Element is undefined"); return null; } } //获取元素的父节点 Element.getElementParentNode=function(obj) { try { return obj.parentNode; } catch (error) { alert("getElementParentNode():Element is undefined"); return null; } } /***********************功能函数**************************/ //移动函数 //移动可拖动元素，并且在其接近目标元素时使目标元素的边框现实为红色。 function move(event,dragObj,targetElementAry) { var event=event || window.event; var obj=dragObj; if(Mouse.isDown) { //计算可拖动元素的x,y坐标. var left=Mouse.getMousePosition(event).x-parseInt(obj.getAttribute("difX")); var top=Mouse.getMousePosition(event).y-parseInt(obj.getAttribute("difY")); //判断可拖动元素的x,y坐标与目标元素坐标是否接近 for(i=0;i