站长论坛

标题: 实例制作：右下角弹出类似QQ或MSN消息提示 [打印本页]
作者: tznktg    时间: 2007-10-6 14:34
标题: 实例制作：右下角弹出类似QQ或MSN消息提示
  1. *    消息卸载事件，可以重写  
  2. */  
  3. CLASS_MSN_MESSAGE.prototype.onunload = function() {  
  4.     return true;  
  5. }  
  6. /**//*  
  7. *    消息命令事件，要实现自己的连接，请重写它  
  8. *  
  9. */  
  10. CLASS_MSN_MESSAGE.prototype.oncommand = function(){  
  11.     //this.close = true;
  12.     this.hide();  
  13. window.open("http://www.tzlink.com");
  14.    
  15. }
  16. /**//*  
  17. *    消息显示方法  
  18. */  
  19. CLASS_MSN_MESSAGE.prototype.show = function(){  

  21.     var oPopup = window.createPopup(); //IE5.5+  
  22.    
  23.     this.Pop = oPopup;  
  24.   
  25.     var w = this.width;  
  26.     var h = this.height;  
  27.   
  28.     var str = ""  
  29.         str += ""  
  30.         str += ""  
  31.         str += ""  
  32.         str += "" + this.caption + ""  
  33.         str += ""  
  34.         str += "×"  
  35.         str += ""  
  36.         str += ""  
  37.         str += ""  
  38.         str += "" + this.title + "

  40. "  
  41.         str += "" + this.message + " - 网页素材下载站"  
  42.         str += ""  
  43.         str += ""  
  44.         str += ""  
  45.         str += ""  
  46.         str += ""  
  47.   
  48.     oPopup.document.body.innerHTML = str;
  49.    
  50.   
  51.     this.offset  = 0;
  52.     var me  = this;  

  54.     oPopup.document.body.onmouseover = function(){me.pause=true;}
  55.     oPopup.document.body.onmouseout = function(){me.pause=false;}

  57.     var fun = function(){  
  58.         var x  = me.left;
  59.         var y  = 0;
  60.         var width    = me.width;
  61.         var height    = me.height;

  63.             if(me.offset>me.height){
  64.                 height = me.height;
  65.             } else {
  66.                 height = me.offset;
  67.             }

  69.         y  = me.bottom - me.offset;
  70.         if(y<=me.top){
  71.             me.timeout--;
  72.             if(me.timeout==0){
  73.                 window.clearInterval(me.timer);  
  74.                 if(me.autoHide){
  75.                     me.hide();
  76.                 }
  77.             }
  78.         } else {
  79.             me.offset = me.offset + me.step;
  80.         }
  81.         me.Pop.show(x,y,width,height);   

  83.     }  
  84.   
  85.     this.timer = window.setInterval(fun,this.speed)      
  86.   
  87.      
  88.   
  89.     var btClose = oPopup.document.getElementById("btSysClose");  
  90.   
  91.     btClose.onclick = function(){  
  92.         me.close = true;
  93.         me.hide();  
  94.     }  
  95.   
  96.     var btCommand = oPopup.document.getElementById("btCommand");  
  97.     btCommand.onclick = function(){  
  98.         me.oncommand();  
  99.     }   
  100.   var ommand = oPopup.document.getElementById("ommand");  
  101.       ommand.onclick = function(){  
  102.        //this.close = true;
  103.     me.hide();  
  104. window.open(ommand.href);
  105.     }   
  106. }  
  107. /**//*
  108. ** 设置速度方法
  109. **/
  110. CLASS_MSN_MESSAGE.prototype.speed = function(s){
  111.     var t = 20;
  112.     try {
  113.         t = praseInt(s);
  114.     } catch(e){}
  115.     this.speed = t;
  116. }
  117. /**//*
  118. ** 设置步长方法
  119. **/
  120. CLASS_MSN_MESSAGE.prototype.step = function(s){
  121.     var t = 1;
  122.     try {
  123.         t = praseInt(s);
  124.     } catch(e){}
  125.     this.step = t;
  126. }
  127.   
  128. CLASS_MSN_MESSAGE.prototype.rect = function(left,right,top,bottom){
  129.     try {
  130.         this.left        = left    !=null?left:this.right-this.width;
  131.         this.right        = right    !=null?right:this.left +this.width;
  132.         this.bottom        = bottom!=null?(bottom>screen.height?screen.height:bottom):screen.height;
  133.         this.top        = top    !=null?top:this.bottom - this.height;
  134.     } catch(e){}
  135. }
  136. var MSG1 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","懒人图库");  
  137.     MSG1.rect(null,null,null,screen.height-50);
  138.     MSG1.speed    = 10;
  139.     MSG1.step    = 5;
  140.     //alert(MSG1.top);
  141.     MSG1.show();  

  143. //同时两个有闪烁，只能用层代替了，不过层不跨框架
  144. //var MSG2 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有2封消息","好的啊");  
  145. //   MSG2.rect(100,null,null,screen.height);
  146. //    MSG2.show();  
  147. //-->  
复制代码




欢迎光临 站长论坛 (http://tzlink.com/bbs/) Powered by Discuz! X3.2