jQuery 버 전 요소 드래그 원형 코드

본 고 는 주로 드래그 원형 을 분석 하여 JQuery 를 처음 접 한 마니아 들 에 게 간단 한 예 를 들 어 준다.Jquery.js 도입 후:
 
<script type="text/javascript">
$(function(){
//
bindDrag(document.getElementById('test'));
});
function bindDrag(el){
//
var els = el.style,
// X Y
x = y = 0;
//
$(el).mousedown(function(e){
// ,
x = e.clientX - el.offsetLeft;
y = e.clientY - el.offsetTop;
//IE
el.setCapture && el.setCapture();
//
$(document).bind('mousemove',mouseMove).bind('mouseup',mouseUp);
});
//
function mouseMove(e){
// ...
els.top = e.clientY - y + 'px';
els.left = e.clientX - x + 'px';
}
//
function mouseUp(){
//IE
el.releaseCapture && el.releaseCapture();
//
$(document).unbind('mousemove',mouseMove).unbind('mouseup',mouseUp);
}
}
</script>
다운로드:전체 예시

좋은 웹페이지 즐겨찾기