创建一个可移动的div窗口

/**
* 可以移动的提示窗口
*/
function windowMsg(title,htmlcode,width,height)
{
var shield = document.createElement("DIV");
shield.id = "shield";
shield.style.position = "absolute";
shield.style.left = "0px";
shield.style.top = "0px";
shield.style.width = "100%";
shield.style.height = "100%";
//shield.style.height = document.body.scrollHeight+"px";
shield.style.background = "#DFDFDF";
shield.style.textAlign = "center";
shield.style.zIndex = "10000";
shield.style.filter = "alpha(opacity=0)";
var alertFram = document.createElement("DIV");
alertFram.id="alertFram";
alertFram.style.position = "absolute";

//负边界居中法,相对于shield层的底部时
alertFram.style.right = "50%";
alertFram.style.bottom = "50%";
alertFram.style.marginRight = "-125px";
alertFram.style.marginBottom = "75px";

alertFram.style.width = (width+10)+"px";
alertFram.style.height = "100px";
alertFram.style.background = "#fff";
alertFram.style.textAlign = "center";
alertFram.style.lineHeight = "150px";
alertFram.style.zIndex = "10002";
var strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%;text-align:left;height:25px;line-height:25px;background:#FFFFFF\">\n";
    strHtml += "<li onmousedown=\"oMove(parentNode.parentNode);\" style=\"cursor:move;background:#FFFFFF;\">";
strHtml+="<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" background=\""+jQuery("#appPath").val()+"images/np032.jpg\">";
strHtml+="<tr><td width=\"85%\" style=\"padding-left:4px; color:#FFFFFF; font-size:12px;font-weight:bold; line-height:24px;\">&nbsp;&nbsp;"+title+"</td><td width=\"15%\" align=\"right\"><img src=\""+jQuery("#appPath").val()+"images/np034.jpg\" style=\"cursor: pointer\" title=\"关闭\" width=\"25\" height=\"19\" border=\"0\" onclick=\"remove()\"/></td></tr>";
strHtml+="</table></li>\n";
strHtml += "<li style=\"font-size:12px;height:"+(height+5)+"px;background:#FFFFFF;text-align:center;border-bottom:1px #008FEF solid;border-left:1px #008FEF solid;border-right:1px #008FEF solid;margin-top:-3px;padding-top:3px;\">"+htmlcode+"</li>\n";
strHtml += "</ul>\n";
alertFram.innerHTML = strHtml;
document.body.appendChild(alertFram);
document.body.appendChild(shield);
var c = 0;
this.doAlpha = function(){
if (c++ > 50){clearInterval(ad);return 0;}
shield.style.filter = "alpha(opacity="+c+");";
}
this.remove=function(){
alertFram.innerHTML="";
shield.style.filter = "";
shield.id = "";
shield.style.position = "";
shield.style.left = "";
shield.style.top = "";
shield.style.width = "";
shield.style.height ="";
shield.style.background = "";
shield.style.textAlign = "";
shield.style.zIndex = "";
shield.style.filter = "";
alertFram.id="";
alertFram.style.position = "";
alertFram.style.left = "";
alertFram.style.top = "";
alertFram.style.marginLeft = "";
alertFram.style.marginTop = "";
alertFram.style.width = "";
alertFram.style.height = "";
alertFram.style.background = "";
alertFram.style.textAlign = "";
alertFram.style.lineHeight = "";
alertFram.style.zIndex = "";
}
var ad = setInterval("doAlpha()",10);
alertFram.focus();
document.body.onselectstart = function(){return false;};
}

function oMove(obj){
var otop,oleft;
otop = event.y - obj.offsetTop;
oleft = event.x - obj.offsetLeft;
obj.setCapture();
obj.onmousemove = function()
{
obj.style.left = event.x - oleft;
obj.style.top = event.y - otop;
}
obj.onmouseup = function()
{
obj.onmousemove = null;
obj.style.filter = null;
obj.releaseCapture();
}
}