js는 div를 드래그합니다. 마우스가 움직이면 그에 따라 전체 div도 움직입니다.
- WBOY원래의
- 2016-05-16 17:13:321168검색
HTML 코드는 다음과 같으며, 드래그할 div가 가장 바깥쪽 div
코드 복사 코드는 다음과 같습니다.
새 사용자 그룹
그룹 이름
;img src='/images/ok.png' alt='ok' class='user_img' title='ok' style="display: none;" id="email_ok"/>
localinfo" style="padding:10px 10px 0 46px;margin-top:20px">users
코드는 다음과 같습니다.
$("#McreateUserGroup").mousedown(function(e){ var flag = true; e = e||event; var $dialog_createUserGroup = $( "#dialog_createUserGroup"); var LEFT = e.clientX -parseInt($dialog_createUserGroup.css("left")), TOP = e.clientY -parseInt($dialog_createUserGroup.css("top")) ;
$(document).mousemove(function (e) { e = e || event;
if (플래그) {
$dialog_createUserGroup.css({
"왼쪽": e.clientX - LEFT "px",
"top": e.clientY - TOP "px"
})
}
}); function (e) {
flag = false;
});
이 코드는 표시된 대화 상자의 헤드에 바인딩됩니다. 마우스가 움직이면 전체 div도 그에 따라 움직입니다!
if (플래그) {
$dialog_createUserGroup.css({
"왼쪽": e.clientX - LEFT "px",
"top": e.clientY - TOP "px"
})
}
}); function (e) {
flag = false;
});
이 코드는 표시된 대화 상자의 헤드에 바인딩됩니다. 마우스가 움직이면 전체 div도 그에 따라 움직입니다!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.