仿msn，右下角信息提示页

< scriptlanguage = " 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 = " <tableid= " + winID + " style="BORDER-RIGHT:#4556901pxsolid;BORDER-TOP:#a6b4cf1pxsolid;LEFT:0px;BORDER-LEFT:#a6b4cf1pxsolid;WIDTH:180px;BORDER-BOTTOM:#4556901pxsolid;POSITION:absolute;TOP:0px;HEIGHT:102px;BACKGROUND-COLOR:#1c5b94"> " + " " + " <tr> " + " " + " <td> " + " " + " <tablecellSpacing=0cellPadding=0width="100%"bgColor=#1c5b94border=0> " + " " + " <tbody> " + " " + " <tr> " + " " + " <tdstyle="FONT-SIZE:12px;COLOR:#FFFFFF;"> " + title + " </td> " + " " + " </tr> " + " " + " <trbgcolor="#d7e7f2"onMouseOver="this.style.backgroundColor='#f0f0f0'"onMouseOut="this.style.backgroundColor='#d7e7f2'"> " + " " + " <tdwidth="100%"align=leftheight=76> " + " " + " <DIVstyle="BORDER-RIGHT:#9c9e9c1pxsolid;PADDING-RIGHT:13px;BORDER-TOP:#9c9e9c1pxsolid;PADDING-LEFT:13px;FONT-SIZE:12px;PADDING-BOTTOM:13px;BORDER-LEFT:#9c9e9c1pxsolid;WIDTH:100%;COLOR:#1f336b;PADDING-TOP:15px;BORDER-BOTTOM:#9c9e9c1pxsolid;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 >

< SCRIPT >
var oPopup = window.createPopup();
var popTop = 50 ;
function popmsg(titlestr,msgstr) ... {
var winstr = " <tableid=eMengstyle="BORDER-RIGHT:#4556901pxsolid;BORDER-TOP:#a6b4cf1pxsolid;LEFT:0px;BORDER-LEFT:#a6b4cf1pxsolid;WIDTH:180px;BORDER-BOTTOM:#4556901pxsolid;POSITION:absolute;TOP:0px;HEIGHT:102px;BACKGROUND-COLOR:#1c5b94"> " + " " + " <tr> " + " " + " <td> " + " " + " <tablecellSpacing=0cellPadding=0width="100%"bgColor=#1c5b94border=0> " + " " + " <tbody> " + " " + " <tr> " + " " + " <tdstyle="FONT-SIZE:12px;COLOR:#FFFFFF;"> " + titlestr + " </td> " + " " + " <tdalign="right"valign="top"><imgid="imgClose"src="Images/closePNormal.gif"width="16"height="16"border="0"onClick="parent.oPopup.hide()"alt="关闭"></td> " + " " + " </tr> " + " " + " <trbgcolor="#d7e7f2"onMouseOver="this.style.backgroundColor='#f0f0f0'"onMouseOut="this.style.backgroundColor='#d7e7f2'"> " + " " + " <tdwidth="100%"align=leftcolSpan=2height=76> " + " " + " <DIVstyle="BORDER-RIGHT:#9c9e9c1pxsolid;PADDING-RIGHT:13px;BORDER-TOP:#9c9e9c1pxsolid;PADDING-LEFT:13px;FONT-SIZE:12px;PADDING-BOTTOM:13px;BORDER-LEFT:#9c9e9c1pxsolid;WIDTH:100%;COLOR:#1f336b;PADDING-TOP:15px;BORDER-BOTTOM:#9c9e9c1pxsolid;HEIGHT:100%"> " + "