이 예는 매우 간단한 div 드래그입니다. 필요한 친구는 자신의 필요에 따라 해당 코드를 추가할 수 있습니다. 환영합니다 코드 복사 코드는 다음과 같습니다. <제목>div 너비 조정 type= " text/javascript"> <br>function binResize(el) <br>{ <br>//초기화 매개변수<br>var els = document.getElementById('menu').style; <br>//마우스의 X 및 Y축 좌표<br>x = 0 <br>//사악한 검지<br>$(el).mousedown (함수 (e) <br>{ <br>//요소를 누른 후 현재 마우스와 객체의 계산된 좌표를 계산합니다 <br>x = e.clientX - el.offsetWidth - $("#menu"). width() ;//setCapture를 지원하면서 뭔가를 하세요<br>el.setCapture? ( <br>//포커스 캡처<br>el.setCapture(), <br>//이벤트 설정<br>el. onmousemove = 함수(ev) <br>{ <br>mouseMove(ev || event) <br>}, <br>el.onmouseup = mouseUp <br>) : ( <br>//이벤트 바인딩 <br> $(document).bind("mousemove", mouseMove).bind("mouseup", mouseUp) <br>) <br>//기본 이벤트 발생 방지<br>e.preventDefault() <br>} ) ; <br>//이벤트 이동<br>function mouseMove(e) <br>{ <br>//Universe 슈퍼 무적 작업... <br>els.width = e.clientX - x 'px' <br>} <br>//이벤트 중지<br>function mouseUp() <br>{ <br>//releaseCapture를 지원하기 위한 조치<br>el.releaseCapture? ( <br>//Release focus<br>el .releaseCapture(), <br>//이벤트 제거<br>el.onmousemove = el.onmouseup = null <br>) : ( <br>//이벤트 제거<br>$(document).unbind( "mousemove" , mouseMove).unbind("mouseup", mouseUp) <br>); <br>} <br>} <br>var divResize=function(){ <br>var totalHeight=$("html") .height( ); <br>console.log(totalHeight); <br>var topHeight=$("#top").height() <br>$("#menu").height(totalHeight-topHeight); $("#rightbar").height(totalHeight-topHeight) <br>} <br>$(function() { <br>divResize(); <br>$(window).resize(divResize) ; <br><br>bindResize(document.getElementById('rightbar')); <br> { <br>너비: 200px; <br>텍스트 정렬: 중앙 <br>테두리 스타일: 단색 <br> : 0 1px; <br> -- <테이블 스타일="높이: 100%"> >style="너비: 2px; 배경: #cccccc; 커서: e-resize;"> ;/테이블> 드래그할 div < 🎜>style="width: 2px; background: #cccccc; 커서: e-resize; float: left;"> ;
