有关div页面拖动、缩放、关闭、遮罩效果代码

</p> <p><title>UntitledDocument</title><br /> <!-- #rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute; background:#00F; width:3px; height:3px; z-index:6; font-size:0; } #rLeftDown,#rRightUp{cursor:ne-resize;} #rRightDown,#rLeftUp{cursor:nw-resize;} #rRight,#rLeft{cursor:e-resize;} #rUp,#rDown{cursor:n-resize;} #rLeftDown{left:-4px;bottom:-4px;} #rRightUp{right:-4px;top:-4px;} #rRightDown{right:-4px;bottom:-4px;background-color:#00F;} #rLeftUp{left:-4px;top:-4px;} #rRight{right:-4px;top:50%;margin-top:-4px;} #rLeft{left:-4px;top:50%;margin-top:-4px;} #rUp{top:-4px;left:50%;margin-left:-4px;} #rDown{bottom:-4px;left:50%;margin-left:-4px;} -->#rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{<br /> position:absolute;<br /> background:#00F;<br /> width:3px;<br /> height:3px;<br /> z-index:6;<br /> font-size:0;<br /> } </p> <p>#rLeftDown,#rRightUp{cursor:ne-resize;}<br /> #rRightDown,#rLeftUp{cursor:nw-resize;}<br /> #rRight,#rLeft{cursor:e-resize;}<br /> #rUp,#rDown{cursor:n-resize;} </p> <p>#rLeftDown{left:-4px;bottom:-4px;}<br /> #rRightUp{right:-4px;top:-4px;}<br /> #rRightDown{right:-4px;bottom:-4px;background-color:#00F;}<br /> #rLeftUp{left:-4px;top:-4px;}<br /> #rRight{right:-4px;top:50%;margin-top:-4px;}<br /> #rLeft{left:-4px;top:50%;margin-top:-4px;}<br /> #rUp{top:-4px;left:50%;margin-left:-4px;}<br /> #rDown{bottom:-4px;left:50%;margin-left:-4px;} </p> <table> <tr> <td>aa</td> <td></td> </tr> <tr> <td>bb</td> <td></td> </tr> </table> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]