您的位置: 首页 > IT文章 > javascript技巧 > js实现的八点拖动修改div大小的代码 js实现的八点拖动修改div大小的代码 分类: IT文章 • 2022-05-13 08:43:25 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Resize</title> <style type="text/css"> #rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute;background:#C00;width:6px;height:6px;z-index:5;font-size:0;} #rLeftDown,#rRightUp{cursor:ne-resize;} #rRightDown,#rLeftUp{cursor:nw-resize;} #rRight,#rLeft{cursor:e-resize;} #rUp,#rDown{cursor:n-resize;} #rRightDown{ bottom:-3px; right:-3px;} #rLeftDown{ bottom:-3px; left:-3px;} #rRightUp{ top:-3px; right:-3px;} #rLeftUp{ top:-3px; left:-3px;} #rRight{ right:-3px; top:50%} #rLeft{ left:-3px; top:50%} #rUp{ top:-3px; left:50%} #rDown{ bottom:-3px; left:50%} </style> <div id="ss" style="height:100px; width:100px; border:1px solid #000000; position:absolute; left:200px; top:200px;"> <div id="rRightDown"> </div> <div id="rLeftDown"> </div> <div id="rRightUp"> </div> <div id="rLeftUp"> </div> <div id="rRight"> </div> <div id="rLeft"> </div> <div id="rUp"> </div> <div id="rDown"></div> </div> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
