Div随意拖动

<script>
var isDrag = false;

var oldX=0,oldY=0;
function init(){
    isDrag=true;
    oldX=event.x;
    oldY=event.y;
}
function end(){
    isDrag=false;
}
function moveIt(){
    if(isDrag){
    var x =window.event.x;
    var y = window.event.y;
   
    hdl.parentNode.style.left = parseInt(hdl.parentNode.style.left.replace("px","")) + (x - oldX);
    hdl.parentNode.style.top = parseInt(hdl.parentNode.style.top.replace("px","")) + (y - oldY);
   
    oldX = x;
    oldY = y;
    }
}
</script>
<div οnmοuseup="end();" οnmοusemοve="moveIt();" id="back" style="LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px"></div>
<div οnmοuseup="end();" οnmοusemοve="moveIt();" οnmοusedοwn="init();" style="BORDER-RIGHT: #333333 1px outset; BORDER-TOP: #333333 1px outset; FILTER: alpha(opacity=70); LEFT: 0px; BORDER-LEFT: #333333 1px outset; BORDER-BOTTOM: #333333 1px outset; POSITION: absolute; TOP: 0px">
<div id="hdl" style="BACKGROUND: #333377; WIDTH: 100%; COLOR: white"><strong>窗口</strong></div>
<div style="BACKGROUND: #dddddd; WIDTH: 100%"><input οnclick="back.style.background='#333333';back.style.filter='alpha(opacity=40)';back.style.visibility='';" type="button" value="变暗效果" /> </div>
</div>