ドラッグして上下2つのdivサイズを変更

1949 ワード

drag div function $(id) { return document.getElementById(id) } window.onload = function() { var oBox = $("box"), oBottom = $("bottom"), oLine = $("line"); oLine.onmousedown = function(e) { var disY = (e || event).clientY; oLine.top = oLine.offsetTop; document.onmousemove = function(e) { var iT = oLine.top + ((e || event).clientY - disY); var maxT = oBox.clientHeight - oLine.offsetHeight; oLine.style.margin = 0; iT < 0 && (iT = 0); iT > maxT && (iT = maxT); oLine.style.top = oBottom.style.top = iT + "px"; return false }; document.onmouseup = function() { document.onmousemove = null; document.onmouseup = null; oLine.releaseCapture && oLine.releaseCapture() }; oLine.setCapture && oLine.setCapture(); return false }; };
2 2 2 2 2 2 2 2
2 2 2 2