日期:2014-05-16  浏览次数:20296 次

页面右下角弹出消息窗口的js实现
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
</HEAD>

<SCRIPT language=JavaScript>
<!--

/**//*
**    ==================================================================================================
**    类名:CLASS_MSN_MESSAGE
**    功能:提供类似MSN消息框
**    示例:
    ---------------------------------------------------------------

            var MSG = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示:","您有1封消息","今天请我吃饭哈");
                MSG.show();

    ---------------------------------------------------------------
**    作者:ttyp
**    邮件:ttyp@21cn.com
**    日期:2005-3-18
**    ==================================================================================================
**/


/**//*
*    消息构造
*/
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= 1500;
    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;
       &nbs