zoukankan      html  css  js  c++  java
  • 页面右下角弹出类似QQ或MSN的消息提示

    /*    消息构造  
    */  
    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?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;
    }  
      
    /**//*  
    *    隐藏消息方法  
    */  
    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)      
        }  
    }  
    

      

    作者:观海看云个人开发历程知识库 - 博客园
    出处:http://www.cnblogs.com/zhangtao/
    文章版权归本人所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    面向对象编程
    面向对象编程进阶
    pycharm常用快捷键
    面向对象
    深拷贝和浅拷贝
    hashlib模块
    日志配置
    常用模块大全
    正则详解
    软件目录规范
  • 原文地址:https://www.cnblogs.com/zhangtao/p/2347517.html
Copyright © 2011-2022 走看看