完成了一个点触发div缩放功能,请问如何完成8个点的触发?
上面是js部分。
上面是html部分
.box{width: 200px;height: 200px;position: absolute;left: 100px;top: 100px;border: 1px solid black;} .boxL,.boxR,.boxT,.boxB,.boxLT,.boxRT,.boxRB,.boxLB{position: absolute;} .boxL{left: 0;top:50%;width: 10px;height:10px;cursor: w-resize;background:red;} .boxT{top: 0;left:50%;width:10px;height:10px;cursor: n-resize;background:red;} .boxR{right:0;top:50%;width:10px;height:10px;cursor: e-resize;background:red;} .boxB{bottom: 0;left:50%;width:10px;height:10px;cursor: s-resize;background:red;} .boxLT{left:0;top:0;width:10px;height:10px;background:red;cursor:nw-resize;} .boxRT{width: 10px;height:10px;cursor:ne-resize;background:red;right:0;top: 0;} .boxLB{width: 10px;height:10px;cursor:sw-resize;background:red;left:0;bottom:0;} .boxRB{width: 10px;height:10px;cursor:se-resize;background:red;right:0;bottom:0;} 上面是css部分,
求大神们解惑, |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
循环啊,getElementsByTagName获开一组,for循环为每个加上缩放 |
|
|
|
|