zl程序教程

您现在的位置是:首页 >  其它

当前栏目

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