js는 div를 드래그합니다. 마우스가 움직이면 그에 따라 전체 div도 움직입니다.-JS 튜토리얼-php.cn

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

< ;span class="localinfo" style="padding:10px 10px 0 46px;">설명

　
취소 ;

js 코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

$("#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도 그에 따라 움직입니다!

관련 라벨：

마우스 움직임

원천：php.cn

이전 기사：자바스크립트가 객체지향 언어인지 토론해보세요_javascript 기술 다음 기사：JS_javascript 스킬에서 문자를 ASCII 값으로 변환하는 함수 예제 코드

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사