Phiên bản đầy đủ: jsB@nk » Hình ảnh » Kéo thả ảnh
URL: https://www.javascriptbank.com/drag-and-drop-images.html
Khi đặt đoạn mã này vào trang web thì các hình ảnh được chỉ định sẽ có thể di chuyển được bằng cách kéo và thả.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Kéo thả ảnh
URL: https://www.javascriptbank.com/drag-and-drop-images.html
<DIV id=1 style="LEFT: 50px; POSITION: absolute; TOP: 50px"><IMG src="photo5.jpg" name=1></DIV><DIV id=2 style="LEFT: 200px; POSITION: absolute; TOP: 200px"><IMG src="logojs.gif" name=1 width="382" height="201"></DIV><SCRIPT language=javascript>Wholething = (document.all) ? 0 : 1;var objectone;function MouseMovement(e) {if (objectone) {if (Wholething) {objectone.moveTo((e.pageX-X), (e.pageY-Y)); }else {objectone.pixelLeft = event.clientX-X + document.body.scrollLeft;objectone.pixelTop = event.clientY-Y + document.body.scrollTop;return false; } } }function MouseClickUp() {objectone = null; }if (Wholething) {document.captureEvents(Event.mousedown | Event.mousemove | Event.mouseup); }function MouseClickDown(e) {if (Wholething) {objectone = document.layers[e.target.name];X=e.x;Y=e.y;return false; }else {objectone = event.srcElement.parentElement.style;X=event.offsetX;Y=event.offsetY; } }document.onmouseup = MouseClickUp;document.onmousedown = MouseClickDown;document.onmousemove = MouseMovement;</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->