var div = document.getElementByTagName('div')[0]
var disX,
disY;
div.onmousedown = function(e){
disX = e.pageX - parseInt(div.style.left);
disY = e.pageY - parseInt(div.style.top);
document.onmousemove = function(e){
div.style.left = e.pageX -disX+"px";
div.style.left = e.pageY -disY+"px";
}
document.onmouseup = function(){
div.onmousremove = null;
}
}
function drag (elem){
var disX,
disY;
addEvent(elem,'mousedown',function(e){
var event = e||window.event;
disX = event.clientX - parseInt(getSytle{elem,'left'));
disY = event.clientY - parseInt(getSytle{elem,'top'));
addEvent(document,'mousedown',mouseMove);
addEvent(document,'mouseup',mouseUp);
stopBubble(event);
cancelHandler(event);
});
function mouseMove(e){
var event = e||window.event;
elem.style.left = event.ClientX -disX+"px";
elem.style.left = event.ClientY -disY+"px";
}
function mouseUp (e){
var event = e||window.event;
removeEvent(document,'mousemove',mouseMove) ;
removeEvent(document,'mouseup',mouseUp);
}
}