다음은 jQuery를 사용하여 드래그 가능한 플로팅 레이어를 구현하기 위한 전체 코드입니다. 이를 복사하고 HTML 파일에 저장하여 효과를 경험할 수 있습니다. 다음 웹사이트를 방문하여 효과를 경험할 수도 있습니다. http://www.keleyi.com/keleyi/phtml/dragdiv.htm 커서를 레이어로 이동하고 마우스를 누른 채 레이어를 드래그하세요. . 코드 복사 코드는 다음과 같습니다. .org/1999/xhtml"> < ;head> jQuery는 드래그 가능한 플로팅 레이어를 구현합니다(버전 2). - Keleyi < /script><style type="text/css"> <br>.box{ 위치:절대:200px; 너비:200px; 배경:#8a9bca; :move;} <br></style> <br><script type="text/javascript"> <br>$(document ).ready(function (e) { <br>$(".box ").mousedown(function (e) { <br>iDiffX = e.pageX - $(this).offset().left; <br> iDiffY = e.pageY - $(this).offset().top; <br>$(document).mousemove(function (e) { <br>$(".box").css({ "left": (e.pageX - iDiffX), "top": (e.pageY - iDiffY) }); <br>}); <br>}); <br>$(".box").mouseup(function () { <br>$(document).unbind("mousemove"); 🎜>}) <br>}); <br></head> <br><body style="width:2000px"> ! </div> <br><div class="box" id="Drigging">레이어에 커서를 놓고,<br />마우스를 누른 채로 레이어를 드래그하세요. <br /><br /><br /><br />Keleyi</div> <br><div>www.keleyi.com<br>< ; /본문> <br></html> <br><br> </div> </div>