이 예는 매우 간단한 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> -- >style="너비: 2px; 배경: #cccccc; 커서: e-resize;"> ;/테이블> 드래그할 div style="width: 2px; background: #cccccc; 커서: e-resize; float: left;"> ;