<SCRIPT language = JavaScript>   
 <!--   
  
 /**/ /**/ /**/ /*   
**    ==================================================================================================  
**    類(lèi)名：CLASS_MSN_MESSAGE  
**    功能：提供類(lèi)似MSN消息框  
**    示例：  
    ---------------------------------------------------------------------------------------------------  
  
            var MSG = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天請(qǐng)我吃飯哈");  
                MSG.show();  
  
    ---------------------------------------------------------------------------------------------------  
**    作者：ttyp  
**    郵件：ttyp@21cn.com  
**    日期：2005-3-18  
**    ==================================================================================================  
* */   
  
  
 /**/ /**/ /**/ /*   
 *    消息構(gòu)造  
  */   
 function  CLASS_MSN_MESSAGE(id,width,height,caption,title,message,action,target)  {  
     this .id      =  id;  
     this .title   =  title;  
     this .caption =  caption;  
     this .message =  message;  
     this .target  =  target;  
     this .action  =  action;  
     this .width     =  width ? width: 200 ;  
     this .height  =  height ? height: 120 ;  
     this .timeout =   150 ;  
     this .speed     =   20 ; 
     this .step     =   1 ; 
     this .right     =  screen.width  - 1 ;  
     this .bottom  =  screen.height; 
     this .left     =   this .right  -   this .width; 
     this .top     =   this .bottom  -   this .height; 
     this .timer     =   0 ; 
     this .pause     =   false ;
     this .close     =   false ;
     this .autoHide     =   true ;
     this .messages  =   new  Object();
     this .index  =   0 ;
}   


  
CLASS_MSN_MESSAGE.prototype.addMessage  =   function (id,msg,title)  {
     var  item  =   new  CLASS_MESSAGE_ITEM(id, msg, title);
     this .messages[ this .index]  =  item;
     this .index  ++ ;
} 
  /**/ /**/ /**/ /*   
 *    隱藏消息方法  
  */   
CLASS_MSN_MESSAGE.prototype.hide  =   function ()  {  
     if ( this .onunload())  {  

         var  offset   =   this .height > this .bottom - this .top ? this .height: this .bottom - this .top; 
         var  me   =   this ;  
 
         if ( this .timer > 0 )  {   
            window.clearInterval(me.timer);  
        }   
 
         var  fun  =   function ()  {  
             if (me.pause == false || me.close)  {
                 var  x   =  me.left; 
                 var  y   =   0 ; 
                 var  width  =  me.width; 
                 var  height  =   0 ; 
                 if (me.offset > 0 )  { 
                    height  =  me.offset; 
                }  
     
                y   =  me.bottom  -  height; 
     
                 if (y >= me.bottom)  { 
                    window.clearInterval(me.timer);  
                    me.Pop.hide();  
                }   else    { 
                    me.offset  =  me.offset  -  me.step;  
                }  
                me.Pop.show(x,y,width,height);    
            }              
        }   
 
         this .timer  =  window.setInterval(fun, this .speed)      
    }   
}   
  
 /**/ /**/ /**/ /*   
 *    消息卸載事件，可以重寫(xiě)  
  */   
CLASS_MSN_MESSAGE.prototype.onunload  =   function ()   {  
     return   true ;  
}   
 /**/ /**/ /**/ /*   
 *    消息命令事件，要實(shí)現(xiàn)自己的連接，請(qǐng)重寫(xiě)它  
 *  
  */   
CLASS_MSN_MESSAGE.prototype.oncommand  =   function ()  {  
    window.open( this .action, this .target); 

     // this.close = true; 
      this .hide();  
}   
CLASS_MSN_MESSAGE.prototype.onlink  =   function (action)   {
    window.open(action,  this .target);
     this .hide();
} 
  
 function  CLASS_MESSAGE_ITEM(link, msg, title)   {
     this .link  =  link;
     this .msg  =  msg;
     this .title  =  title;
} 
  /**/ /**/ /**/ /*   
 *    消息顯示方法  
  */   
CLASS_MSN_MESSAGE.prototype.show  =   function ()  {  

     var  oPopup  =  window.createPopup();  // IE5.5+   
     
     this .Pop  =  oPopup;  
  
     var  w  =   this .width;  
     var  h  =   this .height;  
  
     var  str  =   " <DIV style='BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 0px; BORDER-LEFT: #a6b4cf 1px solid; WIDTH:  "   +  w  +   " px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT:  "   +  h  +   " px; BACKGROUND-COLOR: #c9d3f3'> "   ;
        str  +=   " <TABLE style='BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#cfdef4 border=0> "   ;
        str  +=   " <TR> "   ;
        str  +=   " <TD style='FONT-SIZE: 12px;COLOR: #0f2c8c' width=30 height=24></TD> "  ; 
        str  +=   " <TD style='PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1f336b; PADDING-TOP: 4px' vAlign=center width='100%'> "   +   this .caption  +   " </TD> "   ;
        str  +=   " <TD style='PADDING-RIGHT: 2px; PADDING-TOP: 2px' vAlign=center align=right width=19> "   ;
        str  +=   " <SPAN title=關(guān)閉 style='FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px' id='btSysClose' >×</SPAN></TD> "   ;
        str  +=   " </TR> "   ;
        str  +=   " <TR> "   ;
        str  +=   " <TD style='PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px' colSpan=3 height= "   +  (h - 28 )  +   " > "   ;
        str  +=   " <DIV style='BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 8px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%'> "   +   this .title.replace( " {size} " , this .index  >   0 ? this .index: 1 )  +   " <BR><BR> "  ; 
        str  +=   " <DIV style='WORD-BREAK: break-all' align=left> " ;
         if ( this .index  >   0 )   {
             for (i = 0 ;i < this .index;i ++ )   {
                 if ( typeof ( this .messages[i])  !=   " undefined " )   {
                    str  +=   " <A href=' " + ( this .messages[i].link != null ? this .messages[i].link: this .action) + " ' hidefocus=true id='btCommand1' title=' " + this .messages[i].title + " '><FONT color=#ff0000> " +   this .messages[i].msg;
                    str  +=   " </FONT></A><br> " ;
                } 
            } 
            str  +=   " </DIV> " ;
        }   else 
            str  +=   " <A href='javascript:void(0)' hidefocus=true id='btCommand'><FONT color=#ff0000> "   + this .message + " </FONT></A></DIV> " ;
        str  +=   " </DIV> "   ;
        str  +=   " </TD> "   ;
        str  +=   " </TR> "   ;
        str  +=   " </TABLE> "   ;
        str  +=   " </DIV> "   ;
  
    oPopup.document.body.innerHTML  =  str; 
    
  
     this .offset   =   0 ; 
     var  me   =   this ;  

    oPopup.document.body.onmouseover  =   function ()  {me.pause = true ;} 
     oPopup.document.body.onmouseout  =   function ()  {me.pause = false ;} 
 
      var  fun  =   function ()  {  
         var  x   =  me.left; 
         var  y   =   0 ; 
         var  width     =  me.width; 
         var  height     =  me.height; 
 
             if (me.offset > me.height)  { 
                height  =  me.height; 
            }   else    { 
                height  =  me.offset; 
            }  
 
        y   =  me.bottom  -  me.offset; 
         if (y <= me.top)  { 
            me.timeout -- ; 
             if (me.timeout == 0 )  { 
                window.clearInterval(me.timer);  
                 if (me.autoHide)  {
                    me.hide(); 
                } 
            }  
        }   else    { 
            me.offset  =  me.offset  +  me.step; 
        }  
        me.Pop.show(x,y,width,height);    
 
    }   
  
     this .timer  =  window.setInterval(fun, this .speed)      
  
     
  
     var  btClose  =  oPopup.document.getElementById( " btSysClose " );  
  
    btClose.onclick  =   function ()  {  
        me.close  =   true ;
        me.hide();  
    }   
  
     var  btCommand  =  oPopup.document.getElementById( " btCommand " );  
     if (btCommand  !=   null )   {
    btCommand.onclick  =   function ()  {  
        me.oncommand();  
    }     
    }   else    {
         var  i, a;
      for (i = 0 ; (a  =  oPopup.document.getElementsByTagName( " a " )[i]); i ++ )   {
        a.onclick  =   function ()  {
            me.onlink( this );  
            } 
      } 
        
    } 
}   
 /**/ /**/ /**/ /*  
** 設(shè)置速度方法 
* */  
CLASS_MSN_MESSAGE.prototype.speed  =   function (s)  { 
     var  t  =   20; 
     try    { 
        t  =  praseInt(s); 
    }   catch (e)  {}  
     this .speed  =  t; 
}  
 /**/ /**/ /**/ /*  
** 設(shè)置步長(zhǎng)方法 
* */  
CLASS_MSN_MESSAGE.prototype.step  =   function (s)  { 
     var  t  =   1; 
     try    { 
        t  =  praseInt(s); 
    }   catch (e)  {}  
     this .step  =  t; 
}  
  
CLASS_MSN_MESSAGE.prototype.rect  =   function (left,right,top,bottom)  { 
     try    { 
         this .left         =  left     != null ? left: this .right - this .width; 
         this .right         =  right     != null ? right: this .left  + this .width; 
         this .bottom         =  bottom != null ? (bottom > screen.height ? screen.height:bottom):screen.height; 
         this .top         =  top     != null ? top: this .bottom  -   this .height; 
    }   catch (e)  {}  
}  
 var  MSG1  =   new  CLASS_MSN_MESSAGE( " aa " , 200 , 120 , "溫馨提示： " , "     陽(yáng)江石油分公司勞動(dòng)競(jìng)賽正在火熱進(jìn)行中！ " , "" , " http://www.163.com " , " _blank " );  
MSG1.addMessage( " http://localhost/docroot/login?id=1 " , "  " , " bbae " );
MSG1.addMessage( "http://10.191.8.110/yj/default4.aspx" , " 詳情請(qǐng)點(diǎn)擊勞動(dòng)競(jìng)賽 " , " 勞動(dòng)競(jìng)賽 " );
    MSG1.rect( null , null , null ,screen.height - 50 ); 
    MSG1.speed     =   50; 
    MSG1.step     =   2 ; 
     // alert(MSG1.top);  
     MSG1.show();  
 
 // 同時(shí)兩個(gè)有閃爍，只能用層代替了，不過(guò)層不跨框架  
// var MSG2 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有2封消息","好的啊");   
//    MSG2.rect(100,null,null,screen.height);  
//     MSG2.show();   
// -->   
 </SCRIPT>