html单击关闭div弹窗,js实现div弹框和关闭

JS弹出可拖拽可关闭的div层

html,body{height:100%;overflow:hidden;}

body,div,h2{margin:0;padding:0;}

body{font:12px/1.5 Tahoma;}

center{padding-top:10px;}

button{cursor:pointer;}

#win{position:absolute;top:50%;left:50%;width:400px;height:200px;background:#fff;border:4px solid #f90;margin:-102px 0 0 -202px;display:none;}

h2{font-size:12px;height:18px;text-align:right;background:#FC0;border-bottom:3px solid #f90;padding:5px;cursor:move;}

h2 span{color:#f90;cursor:pointer;background:#fff;border:1px solid #f90;padding:0 2px;}

window.onload = function ()

{

var oWin = document.getElementById("win");

var oBtn = document.getElementsByTagName("button")[0];

var oClose = document.getElementById("close");

var oH2 = oWin.getElementsByTagName("h2")[0];

var bDrag = false;

var disX