<!DOCTYPE HTML>
无标题文档 body {height:3000px;} #box {width:400px; height:300px; background:yellow; position:absolute; left:400px; top:200px;} #left {width:11px; height:11px; background:#000; right:0; bottom:0; position:absolute; cursor:nw-resize;} #right {width:11px; height:11px; background:#096; left:0; bottom:0; position:absolute; cursor:ne-resize;} #top {width:11px; height:11px; background:#096; left:0; top:0; position:absolute; cursor:nw-resize;} #bottom {width:11px; height:11px; background:#096; right:0; top:0; position:absolute; cursor:ne-resize;} .move {cursor:nw-resize;} window.onload=function () { var oBox=document.getElementById('box'); var Left=document.getElementById('left'); var Right=document.getElementById('right'); var Top=document.getElementById('top'); var Bottom=document.getElementById('bottom'); Left.onmousedown=function (ev) { var oEvent=ev||event; var disX=oEvent.clientX-Left.offsetLeft; var disY=oEvent.clientY-Left.offsetTop; document.onmousemove=function (ev) { var oEvent=ev||event; var l=oEvent.clientX-disX; var t=oEvent.clientY-disY; oBox.style.width=l+Left.offsetWidth+'px'; oBox.style.height=t+Left.offsetHeight+'px'; }; document.onmouseup=function () { document.onmousemove=null; document.onmouseup=null; }; return false; }; };