求一个简单的js弹窗，急！急！在线等回复

Question

在js中，当满足某一条件时弹出下面这个div,就是个类似qq控件最新动态的那个，
不过我这个要显示在页面中间，求各位高手给指点指点，代码越精炼越好
<div id="showMessage">
   <div>您有新消息</div>
   <div><a href="#">知道了</a></div>
</div>

Answer 1

window.onclick=function(){
   var wind=document.createElement("div");
   var mes=document.createElement("div");
   mes.innerHTML="你有新消息";
   var link=document.createElement("a");
   link.href="#";
   link.onclick=function(){history.go(1);return false;};//你可忽略。
   link.innerHTML="知道了";
   wind.appendChild(mes);
   wind.appendChild(link); 
   wind.style.cssText="position:absolute;top:100px;left:100px; background-color:yellow;border:1px solid yellow;z-index:99;width:150px;height:150px;";
   document.body.appendChild(wind);
}

Answer 2

给你个思路：
点击“知道了”按钮，同时为整个body界面添加一个覆盖页面的 img元素，z-index介于弹窗和原界面之间，点击则removeChild这个img不知楼主能否领会？

Answer 3

添加一个整个页面大小的DIV 然后该DIV由一个灰色的图片做背景~ 就可以了~