仿msn，右下角信息提示页

  1

< script language = " JavaScript "  type = " text/javascript " >
function  Queue() ... {
    var items = new Array();
    var first = 0;
    var count = 0;
    this.Count = function()...{return count;} ;
    this.Peek = function(last)...{
        var result = null;
        if (count > 0)...{
            if (null != last && true == last)
                result = items[first + (count - 1)];
            else
                result = items[first];
        }
        return result;
    };
    this.Enqueue = function(x)...{
        items[first + count] = x;
        count++;
        return x;
    };
    this.Dequeue = function()...{
        var result = null;
        if (count > 0)...{
            result = items[first];
            delete items[first];
            first++;
            count--;
        }
        return result;
    };
}

function  Popup_Close() ... {
    if (this.popup != null)
        this.popup.document.onmouseover = null;
    else
        this.win.Win.onmouseover = null;
    this.isMouseOver = false;
    this.ShowTime = function()...{return 3;}
    this.Hide();
}

function  Popup_Hide() ... {
    if (this.popup != null && this.popup.isOpen)...{
        this.popup.hide();
    }
    this.popup = null;
}

function  Popup_ShowTime() ... {
    var result = null;
    if (this.showTime != null)    ...{
        var now = new Date();
        result = (now - this.showTime)/1000;
    }
    return result;
}

function  OnClick_Popup(id) ... {
    alert(id);
}


function  Popup_CreateBody(winID,title,message) ... {
bodyhtml = "<table id="+ winID +" style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; LEFT: 0px; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 102px; BACKGROUND-COLOR: #1c5b94">"+" "+"<tr>"+" "+"<td>"+" "+"<table cellSpacing=0 cellPadding=0 width="100%" bgColor=#1c5b94 border=0>"+" "+"<tbody>"+" "+"<tr>"+" "+"<td style="FONT-SIZE: 12px; COLOR: #FFFFFF;"> " + title + "</td>"+" "+"</tr>"+" "+"<tr bgcolor="#d7e7f2" onMouseOver="this.style.backgroundColor='#f0f0f0'" onMouseOut="this.style.backgroundColor='#d7e7f2'">"+" "+"<td width="100%" align=left  height=76>"+" "+"<DIV style="BORDER-RIGHT: #9c9e9c 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #9c9e9c 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #9c9e9c 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 15px; BORDER-BOTTOM: #9c9e9c 1px solid; HEIGHT: 100%">"+" "+ message +" "+ "</td>"+" "+"</tr>"+" "+"</tbody>"+" "+"</table>"+" "+"</td>"+" "+"</tr>"+" "+"</table>"
return bodyhtml;
}

function  Popup_Show()
... {
    this.showTime = new Date();
    this.popup = window.createPopup();
    var d = this.popup.document;
    var b = d.body;
    b.rightmargin = 0;
    b.leftmargin = 0;
    b.topmargin = 0;
    b.bottommargin = 0;
    b.innerHTML = this.aspxl;

    var toastWidth = 180;
    var toastHeight = 102;
    var toastVerticalMargin = 28;
    var toastHorizontalMargin = 16;
    var screenWidth = window.screen.width;
    var screenHeight = window.screen.height;
    this.popup.show(screenWidth - toastWidth - toastHorizontalMargin, screenHeight - toastHeight - toastVerticalMargin,toastWidth,toastHeight);
}


function  Popup(winID, message, title) ... {
    this.PostID;
    this.CreateBody = Popup_CreateBody;
    this.Close = Popup_Close;
    this.Hide = Popup_Hide;
    this.Show = Popup_Show;
    this.ShowTime = Popup_ShowTime;
    this.aspxl = this.CreateBody(winID, message, title);
}

function  PopupManager() ... {
    var queue = new Queue();
    var canShow = (window.createPopup != null);
    this.Disabled = false;
    this.Heartbeat = function()...{
        if (queue.Count() > 0)...{
            var p = queue.Peek();
            var delta = p.ShowTime();
            if (delta == null)...{
                if (!this.Disabled)
                p.Show();
            }
            else if ((p.popup == null) || (!p.popup.isOpen) || (!p.isMouseOver && delta >= 3))...{
                p.Hide();
                queue.Dequeue();
            }
        }
    }
    this.AddPopup = function(winID, message,title)...{
        var result = null;
        do...{
            if (canShow)...{
                result = new Popup(winID, message,title);
                result.PopupManager = this;
                queue.Enqueue(result);
                this.Heartbeat();
            }
        }
        while (false);
        return result;
    }
}



var  popupManager  =   new  PopupManager();
window.setInterval( " popupManager.Heartbeat(); " ,  1500 );    
var  p  =  popupManager.AddPopup( " aa " ,  " 111 " ,  " 11111111111 " );
p.PostID  =   1 ;
p  =  popupManager.AddPopup( " bb " ,  " 2222 " ,  " 222222222 " );
p.PostID  =   3 ;
p  =  popupManager.AddPopup( " popupWin " ,  " 3333 " , " 33333333333 " );
p.PostID  =   6 ;

</ script >

2

< SCRIPT >  
var  oPopup  =  window.createPopup(); 
var  popTop = 50 ;
function  popmsg(titlestr, msgstr) ... { 
var winstr =  "<table id=eMeng style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; LEFT: 0px; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 102px; BACKGROUND-COLOR: #1c5b94">"+" "+"<tr>"+" "+"<td>"+" "+"<table cellSpacing=0 cellPadding=0 width="100%" bgColor=#1c5b94 border=0>"+" "+"<tbody>"+" "+"<tr>"+" "+"<td style="FONT-SIZE: 12px; COLOR: #FFFFFF;"> " + titlestr + "</td>"+" "+"<td align="right" valign="top"><img id="imgClose" src="Images/closePNormal.gif" width="16" height="16" border="0" onClick="parent.oPopup.hide()" alt="关闭"></td>"+" "+"</tr>"+" "+"<tr bgcolor="#d7e7f2" onMouseOver="this.style.backgroundColor='#f0f0f0'" onMouseOut="this.style.backgroundColor='#d7e7f2'">"+" "+"<td width="100%" align=left colSpan=2 height=76>"+" "+"<DIV style="BORDER-RIGHT: #9c9e9c 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #9c9e9c 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #9c9e9c 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 15px; BORDER-BOTTOM: #9c9e9c 1px solid; HEIGHT: 100%">"+" "+"注意查阅"+" "+  +" "+"</td>"+" "+"</tr>"+" "+"</tbody>"+" "+"</table>"+" "+"</td>"+" "+"</tr>"+" "+"</table>";
  oPopup.document.body.innerHTML = winstr; 
  popshow(); 
}  
function  popshow() ... { 
    if(popTop>1620)...{
        clearTimeout(mytime); 
        oPopup.hide();
        return;
    }else if(popTop<103)...{oPopup.show(screen.width-180,screen.height,180,popTop); 
    }else if(popTop<132)...{oPopup.show(screen.width-180,screen.height-popTop,180,102);
    } 
    popTop+=10; 
    var mytime=setTimeout("popshow();",60);
}

popmsg( " 消息提示 " ,  " <center></center> " ); 
</ script >