![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
用户
可乐@加冰
敲代码,敲代码,改bug,改bug。你就是最胖的
展开
-
可拖拽,拉伸的盒子(类似我们的桌面应用框,可以拉伸放大,可以拖拽移动)
类似我们的桌面应用框,可以拉伸放大,可以拖拽移动基于上一篇,我们至于要加上另外两边和另外三个角只是剩下的拉伸,不仅仅要改变盒子的宽,还要改变left/top了原创 2021-06-18 10:24:26 · 855 阅读 · 0 评论 -
用户拉伸(用户拉伸盒子变宽)(基于原本可拖拽的盒子)
用户拉伸(用户拉伸盒子变宽)只拉伸右边,左侧不动(就是盒子拉伸时top,left不动)基于前两篇,就直接粘贴全部代码css html没有做改变,可以自己写,也可以去前面看var box = document.querySelector(".box");var a = document.querySelector("#a");// 盒子宽高var boxHeight = box.offsetHeight, boxWidth = box.offsetWidth; // 鼠标在盒子上移动时 a原创 2021-06-17 17:04:19 · 219 阅读 · 0 评论 -
获取div到屏幕的距离
获取div到屏幕的距离这里穿插一个,因为在用户拉动放大中会用 // 获取盒子到屏幕左方的距离 function getAbsLeft(obj){ var l=obj.offsetLeft; while(obj.offsetParent != null){ obj = obj.offsetParent; l += obj.offsetLeft; } return l; } // 获取盒子到屏幕上方的距转载 2021-06-17 16:51:45 · 627 阅读 · 0 评论 -
div拖拽(用户托动)
div拖拽(用户托动)直接看代码其中,left是盒子到父级的左边距,top同理a为元素,box是父级盒子核心代码// 拖拽事件 function tuozhuai(e,left,top){ // 获取盒子宽 var width = a.offsetWidth; var height = a.offsetHeight; //获取x坐标和y坐标 var nowX = e.clientX; var nowY = e.clientY; document.onmousemo原创 2021-06-17 16:29:23 · 283 阅读 · 0 评论