DIV 拖动效果
效果 div 拖动
2023-09-14 08:56:48 时间
if (DOM.offsetLeft 0 DOM.offsetTop 0) {
document.getElementById("box").style.left = 1 + "px";
document.getElementById("box").style.top = 1 + "px";
document.getElementById("box").style.marginLeft = 1 + "px";
document.getElementById("box").style. marginTop = 1 + "px";
DOM.style.left = DOM.offsetLeft + eve.clientX - oX + px;
DOM.style.top = DOM.offsetTop + eve.clientY - oY + px;
oX = eve.clientX;
oY = eve.clientY;
document.getElementById("box").innerHTML = "左上角原点相对body远点:(" + DOM.offsetLeft + "," + DOM.offsetTop + ")" + " br/ " + "鼠标点相对body远点:(" + eve.pageX + "," + eve.pageY + ")" + " br/ " + "鼠标点相对body远点:(" + eve.clientX + "," + eve.clientY + ")" + " br/
document.getElementById("box").innerHTML +="body的大小:("+document.body.scrollWidth + "," +document.body.scrollHeight+") br/
document.getElementById("box").innerHTML +="屏幕分辨率:("+window.screen.width + "," +window.screen.height +")" ;
/script
/head
body
div id="id1"
/div
div id="box" onmousedown="tz(this);" onmouseup="un_tz();" /div
/body
/html
相关文章
- [Android] 通过Menu实现图片怀旧、浮雕、模糊、光照和素描效果
- visual C++游戏绘图之透明效果制作原理
- HTML5 Maker – 在线轻松制作 HTML5 动画效果
- Div 浮动到另一个div之上
- 不到200行代码实现一个不断旋转的椭圆动画效果
- css鼠标滑过文字的波纹demo效果示例(整理)
- 鼠标hover放大效果
- 腾讯低代码导航组件实现正文显示效果
- Android 自定义3D效果View
- 【Qt】实现按钮透明的动画效果
- 【CSS3】CSS3 2D 转换 - rotate 旋转 ( transform: rotate(90deg) 旋转样式 | transition 过度效果设置 )
- cocos2dx 利用CCOrbitCamera实现扑克牌翻牌效果
- uniapp九宫格抽奖可控概率效果demo(整理)
- js左划出现删除按钮,右滑隐藏demo效果示例(整理)
- css改变滚动条的颜色-横向滚动demo效果示例(整理)
- 跨模态学习能力再升级,EasyNLP电商文图检索效果刷新SOTA