﻿<!--     
     
/**//*    
**    ==================================================================================================    
**    类名：CLASS_MSN_MESSAGE    
**    功能：提供类似MSN消息框    
**    示例：    
    ---------------------------------------------------------------------------------------------------    
    
            var MSG = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈");    
                MSG.show();    
    
*    消息构造    
*/     
function CLASS_MSN_MESSAGE(id,width,height,caption,title,message,target,action){     
    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= 3000;     
    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;   
}     
     
/**//*    
*    隐藏消息方法    
*/     
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)         
    }     
}     
     
/**//*    
*    消息卸载事件，可以重写，(就是你想在消息框消失之前想干的事)  
*/     
CLASS_MSN_MESSAGE.prototype.onunload = function() {     
    return true;     
}     
/**//*    
*    消息命令事件，要实现自己的连接，请重写它    
*    
*/     
CLASS_MSN_MESSAGE.prototype.oncommand = function(){     
    //this.close = true;   
    this.hide();     
 window.open("http://www.baidu.com");   
      
}    
/**//*    
*    消息显示方法    
*/     
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: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; Z-INDEX: 99999; LEFT: 0px; BORDER-LEFT: #ff0000 1px solid; WIDTH: " + w + "px; BORDER-BOTTOM: #ff0000 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: " + h + "px; BACKGROUND-COLOR: #ff0000'>"     
        str += "<TABLE style='BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#ffffff border=0>"     
        str += "<TR>"     
        str += "<TD style='FONT-SIZE: 12px;COLOR: #fff' bgColor='#ff0000' width=30 height=24></TD>"     
        str += "<TD style='background:#ff0000;PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; PADDING-TOP: 4px' vAlign=center width='100%'>" + this.caption + "</TD>"     
        str += "<TD style='background:#ff0000;PADDING-RIGHT: 2px; PADDING-TOP: 2px' vAlign=center align=right width=19>"     
        str += "<SPAN title=关闭 style='FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: #ffffff; 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: #ff0000 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ff0000 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 14px; PADDING-BOTTOM: 8px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 100%; COLOR: #ff0000; PADDING-TOP: 8px; BORDER-BOTTOM: #ff0000 1px solid; HEIGHT: 100%'>" + this.title + "<BR><BR>"     
        str += "<DIV style='WORD-BREAK: break-all' align=left><FONT color=#ff0000>" + this.message + "</FONT></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");     
    btCommand.onclick = function(){     
        me.oncommand();     
    }       
  var ommand = oPopup.document.getElementById("ommand");     
      ommand.onclick = function(){     
       //this.close = true;   
    me.hide();     
 window.location = ommand.href;   
    }      
}     
/**//*   
** 设置速度方法   
**/    
CLASS_MSN_MESSAGE.prototype.speed = function(s){    
    var t = 20;    
    try {    
        t = praseInt(s);    
    } catch(e){}    
    this.speed = t;    
}    
/**//*   
** 设置步长方法   
**/    
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 objs = "";   


window.onload = function()
{

var msg_= "各位用户：</br></br>";
msg_ += "&nbsp;&nbsp;因集团所发《关于开展2011年度集团公司科技成果评审的通知》中关于系统技术支持人员的电话有误，给大家的工作带来了不便，现对本系统技术支持人员联络电话就行更正。</br></br>";
msg_ += "姓名：张晓鹏 电话:13601066819</br>";
//构建弹出框对象   
var MSG1 = new CLASS_MSN_MESSAGE("cgMessage",350,250,"消息：",msg_,"");     
    MSG1.rect(null,null,null,screen.height-50);    
    MSG1.speed    = 1; //弹出框的弹出速度(越大速度越慢)   
    MSG1.step    = 5; //歩长，即 弹出框距离电脑右下角下方的高度   
    //当同时有两个层弹出时层叠加会有闪烁，下面这个if就是把每次生成的弹出框对象在下个弹出框弹出之前给隐藏(删除)掉，确保始终只有一个框在显示。(可根据自己的应用略作修改)   
    if(objs != ""){   
        objs.speed = 1;   
        objs.hide();   
    }   
    MSG1.show(); //调用弹出框显示   
    objs = MSG1;//把弹出框对象赋给中间变量   
}
