BottomMessage.js
上传用户:simon2hong
上传日期:2021-11-18
资源大小:16746k
文件大小:6k
源码类别:

OA系统

开发平台:

C#

  1. function CLASS_MSN_MESSAGE(id,width,height,caption,title,message,target,action){  
  2.     this.id     = id;  
  3.     this.title  = title;  
  4.     this.caption= caption;  
  5.     this.message= message;  
  6.     this.target = target;  
  7.     this.action = action;  
  8.     this.width    = width?width:200;  
  9.     this.height = height?height:120;  
  10.     this.timeout= 150;  
  11.     this.speed    = 20; 
  12.     this.step    = 1; 
  13.     this.right    = screen.width -1;  
  14.     this.bottom = screen.height; 
  15.     this.left    = this.right - this.width; 
  16.     this.top    = this.bottom - this.height; 
  17.     this.timer    = 0; 
  18.     this.pause    = false;
  19.     this.close    = false;
  20.     this.autoHide    = true;
  21. }  
  22.   
  23. /**//*  
  24. *    隐藏消息方法  
  25. */  
  26. CLASS_MSN_MESSAGE.prototype.hide = function(){  
  27.     if(this.onunload()){  
  28.         var offset  = this.height>this.bottom-this.top?this.height:this.bottom-this.top; 
  29.         var me  = this;  
  30.         if(this.timer>0){   
  31.             window.clearInterval(me.timer);  
  32.         }  
  33.         var fun = function(){  
  34.             if(me.pause==false||me.close){
  35.                 var x  = me.left; 
  36.                 var y  = 0; 
  37.                 var width = me.width; 
  38.                 var height = 0; 
  39.                 if(me.offset>0){ 
  40.                     height = me.offset; 
  41.                 } 
  42.      
  43.                 y  = me.bottom - height; 
  44.      
  45.                 if(y>=me.bottom){ 
  46.                     window.clearInterval(me.timer);  
  47.                     me.Pop.hide();  
  48.                 } else { 
  49.                     me.offset = me.offset - me.step;  
  50.                 } 
  51.                 me.Pop.show(x,y,width,height);    
  52.             }             
  53.         }  
  54.         this.timer = window.setInterval(fun,this.speed)      
  55.     }  
  56. }  
  57.   
  58. /**//*  
  59. *    消息卸载事件,可以重写  
  60. */  
  61. CLASS_MSN_MESSAGE.prototype.onunload = function() {  
  62.     return true;  
  63. }  
  64. /**//*  
  65. *    消息命令事件,要实现自己的连接,请重写它  
  66. *  
  67. */  
  68. CLASS_MSN_MESSAGE.prototype.oncommand = function(){  
  69.     //this.close = true;
  70.     this.hide();  
  71. window.open(this.action);
  72.    
  73. /**//*  
  74. *    消息显示方法  
  75. */  
  76. CLASS_MSN_MESSAGE.prototype.show = function(){  
  77.     var oPopup = window.createPopup(); //IE5.5+  
  78.     
  79.     this.Pop = oPopup;  
  80.   
  81.     var w = this.width;  
  82.     var h = this.height;  
  83.   
  84.     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'>"  
  85.         str += "<TABLE style='BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#cfdef4 border=0>"  
  86.         str += "<TR>"  
  87.         str += "<TD style='FONT-SIZE: 12px;COLOR: #0f2c8c' width=30 height=24></TD>"  
  88.         str += "<TD style='PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1f336b; PADDING-TOP: 4px' vAlign=center width='100%'>" + this.caption + "</TD>"  
  89.         str += "<TD style='PADDING-RIGHT: 2px; PADDING-TOP: 2px' vAlign=center align=right width=19>"  
  90.         str += "<SPAN title=关闭 style='FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px' id='btSysClose' >x</SPAN></TD>"  
  91.         str += "</TR>"  
  92.         str += "<TR>"  
  93.         str += "<TD style='PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px' colSpan=3 height=" + (h-28) + ">"  
  94.         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 + "<BR><BR>"  
  95.         str += "<DIV style='WORD-BREAK: break-all' align=left><A href='alert('有人上线')' hidefocus=false id='btCommand'><FONT color=#ff0000>" + this.message + "</FONT></A><A href='http://www.woying.net' target='content3' hidefocus=false id='ommand'><FONT color=#ff0000></FONT></A></DIV>"  
  96.         str += "</DIV>"  
  97.         str += "</TD>"  
  98.         str += "</TR>"  
  99.         str += "</TABLE>"  
  100.         str += "</DIV>"  
  101.   
  102.     oPopup.document.body.innerHTML = str; 
  103.     
  104.   
  105.     this.offset  = 0; 
  106.     var me  = this;  
  107.     oPopup.document.body.onmouseover = function(){me.pause=true;}
  108.     oPopup.document.body.onmouseout = function(){me.pause=false;}
  109.     var fun = function(){  
  110.         var x  = me.left; 
  111.         var y  = 0; 
  112.         var width    = me.width; 
  113.         var height    = me.height; 
  114.             if(me.offset>me.height){ 
  115.                 height = me.height; 
  116.             } else { 
  117.                 height = me.offset; 
  118.             } 
  119.         y  = me.bottom - me.offset; 
  120.         if(y<=me.top){ 
  121.             me.timeout--; 
  122.             if(me.timeout==0){ 
  123.                 window.clearInterval(me.timer);  
  124.                 if(me.autoHide){
  125.                     me.hide(); 
  126.                 }
  127.             } 
  128.         } else { 
  129.             me.offset = me.offset + me.step; 
  130.         } 
  131.         me.Pop.show(x,y,width,height);    
  132.     }  
  133.   
  134.     this.timer = window.setInterval(fun,this.speed)      
  135.   
  136.      
  137.   
  138.     var btClose = oPopup.document.getElementById("btSysClose");  
  139.   
  140.     btClose.onclick = function(){  
  141.         me.close = true;
  142.         me.hide();  
  143.     }  
  144.   
  145.     var btCommand = oPopup.document.getElementById("btCommand");  
  146.     btCommand.onclick = function(){  
  147.         me.oncommand();  
  148.     }    
  149.  var ommand = oPopup.document.getElementById("ommand");  
  150.       ommand.onclick = function(){  
  151.        //this.close = true;
  152.     me.hide();  
  153. window.open(ommand.href);
  154.     }   
  155. }  
  156. /**//* 
  157. ** 设置速度方法 
  158. **/ 
  159. CLASS_MSN_MESSAGE.prototype.speed = function(s){ 
  160.     var t = 20; 
  161.     try { 
  162.         t = praseInt(s); 
  163.     } catch(e){} 
  164.     this.speed = t; 
  165. /**//* 
  166. ** 设置步长方法 
  167. **/ 
  168. CLASS_MSN_MESSAGE.prototype.step = function(s){ 
  169.     var t = 1; 
  170.     try { 
  171.         t = praseInt(s); 
  172.     } catch(e){} 
  173.     this.step = t; 
  174.   
  175. CLASS_MSN_MESSAGE.prototype.rect = function(left,right,top,bottom){ 
  176.     try { 
  177.         this.left        = left    !=null?left:this.right-this.width; 
  178.         this.right        = right    !=null?right:this.left +this.width; 
  179.         this.bottom        = bottom!=null?(bottom>screen.height?screen.height:bottom):screen.height; 
  180.         this.top        = top    !=null?top:this.bottom - this.height; 
  181.     } catch(e){}