動態層顯示信息

<script type="text/javascript">
/**
 * @author zxub 2006-06-01
 * 狀態信息顯示類，用var Status=new function()定義，可以靜態引用其中的方法
 * 一般情況下為function Status()，這樣不能靜態引用其中的方法，需要通過對象來引用
 */
var Status=new function()
{
    this.statusDiv=null;
   
    /**
     * 初始化狀態顯示層
     */
 this.init=function()
 {
     if (this.statusDiv!=null)
     {
         return;
     }
  var body = document.getElementsByTagName("body")[0];
  var div = document.createElement("div");
  div.style.position = "absolute";
  div.style.top = "50%";
  div.style.left = "50%";
  div.style.width = "280px";
  div.style.margin = "-50px 0 0 -100px";  
  div.style.padding = "15px";
  div.style.backgroundColor = "#353555";
  div.style.border = "1px solid #CFCFFF";
  div.style.color = "#CFCFFF";
  div.style.fontSize = "14px";
  div.style.textAlign = "center";
  div.id = "status";
  body.appendChild(div);
  div.style.display="none";
  this.statusDiv=document.getElementById("status");
 }
 
 /**
  * 設置狀態信息
  * @param _message:要顯示的信息
  */ 
 this.showInfo=function(_message)
 {  
     if (this.statusDiv==null)
     {
         this.init();
     } 
     this.setStatusShow(true);
     this.statusDiv.innerHTML = _message;    
 }
 
 /**
  * 設置狀態層是否顯示
  * @param _show:boolean值，true為顯示，false為不顯示
  */
 this.setStatusShow=function(_show)
 {  
     if (this.statusDiv==null)
     {
         this.init();
     }
     if (_show)
     {
         this.statusDiv.style.display="";
     }
     else
     {
         this.statusDiv.innerHTML="";
         this.statusDiv.style.display="none";
     }
 }
}
</script>
<input type="button" onclick="Status.showInfo('hellwo world')" value="test">
<input type="button" onclick="Status.setStatusShow(false)" value="test">