1 var dragging = false; 2 var test; 3 var mouseY; 4 var mouseX; 5 6 window.onload = function() 7 { 8 test = document.getElementById("idname"); 9 test.onmousedown = down; 10 test.onmousemove = move; 11 document.onmouseup = up; 12 test.style.position = "relative"; 13 test.style.top = "0px"; 14 test.style.left = "0px"; 15 } 16 17 function down(event) 18 { 19 event = event || window.event; 20 dragging = true; 21 mouseX = parseInt(event.clientX); 22 mouseY = parseInt(event.clientY); 23 objY = parseInt(test.style.top); 24 objX = parseInt(test.style.left); 25 } 26 function move(event) 27 { 28 event = event || window.event; 29 if(dragging == true) 30 { 31 var x,y; 32 y = event.clientY - mouseY + objY; 33 x = event.clientX - mouseX + objX; 34 test.style.top = y + "px"; 35 test.style.left = x + "px"; 36 } 37 } 38 function up() 39 { 40 dragging = false; 41 }