仿QQ弹出消息提示

< html >
  < head >
  
  </ head >
 
  < script language  = javascript >
    var  titlePopup
    var  len;
   
    function  InitMsgBox()
    ... { 
       len = 0;
    titlePopup=window.createPopup();
    var titlePopupBody = titlePopup.document.body;
    titlePopupBody.style.border ="solid black 1px";
    var titleContent = "";
    titleContent = titleContent + "<table cellPadding='5' bgcolor='#FFFF00' width='100%' height='100%' border=0 cellspacing=0 cellpadding=0>";
    titleContent = titleContent + "<tr><td align=center><font size = 2>消息提醒</font></td></tr>";
    titleContent = titleContent + "<tr><td><font size = 2>内容</td></font></tr>";
    titleContent = titleContent + "<tr><td><font size = 2>内容</td></font></tr>";
    titleContent = titleContent + "<tr><td><font size = 2>日期</td></font></tr>";
    titleContent = titleContent + "</table>";    
    titlePopupBody.innerHTML = titleContent;
         
    ShowMsgBox();
    
   }
      
    function  MsgBox()
    ... { 
    //alert(len)
    len += 4;      
    if (len > 110)
    ...{   
     //window.clearInterval(tID);     
    }        
    else
    ...{//200固定了消息提示框的宽度
     titlePopup.show(document.body.clientWidth, document.body.clientHeight, 200, len, top.document.body); 
    }    
   }
   
    var  tID
    function  ShowMsgBox()
    ... {
    tID = window.setInterval("MsgBox()",30);    
   }
  </ script >
 
  < body MS_POSITIONING = " GridLayout " >
   < INPUT onclick = " InitMsgBox() "  id = " Button1 "  type = " button "
   value = " Button "  name = " Button1 " >
  </ body >
</ html >