Js拖动层

 <mce:style id="css"><!-- body{font-family:Verdana;font-size:11px;color:#333;} #win{position:absolute;left:100px;top:100px;width:200px;height:150px;border:1px solid #000;} .title{width:100%;background:#000;height:18px;color:#fff;cursor:hand;} --></mce:style><style id="css" mce_bogus="1"> body{font-family:Verdana;font-size:11px;color:#333;} #win{position:absolute;left:100px;top:100px;width:200px;height:150px;border:1px solid #000;} .title{width:100%;background:#000;height:18px;color:#fff;cursor:hand;} </style> <mce:script type="text/javascript"><!-- var x0=0,y0=0,x1=0,y1=0; var moveable=false; //开始拖动; function startDrag(obj){ if(event.button==1){ obj.setCapture(); var win = obj.parentNode; x0 = event.clientX; y0 = event.clientY; x1 = parseInt(win.offsetLeft); y1 = parseInt(win.offsetTop); moveable = true; } } //拖动; function drag(obj){ if(moveable){ var win = obj.parentNode; win.style.left = x1 + event.clientX - x0; win.style.top = y1 + event.clientY - y0; } } //停止拖动; function stopDrag(obj){ if(moveable){ obj.releaseCapture(); moveable = false; } } // --></mce:script> <div id="win"><div class="title" onmousedown="startDrag(this)" onmouseup="stopDrag(this)" onmousemove="drag(this)">窗口1</div><div>1.香港发现致命甲流变种病毒 专家忧疫情严峻13:32<br> 2.伪证案开庭 陈水扁家人认罪冀减刑21:39<br> 3.分析称物价上涨已成定局 防通胀或成宏调重点</div></div>