拷貝所有代碼，保存為PopupWindow.html,在ＩＥ中運行這個文件，就知道了�。海�
所有的代碼如下：
ＰｏｐｕｐＷｉｎｄｏｗ．ｈｔｍｌ
<HTML>
<HEAD>
<TITLE>位于最頂層的彈出窗口</TITLE>
<SCRIPT LANGUAGE="JScript">
//建立一個彈出窗口
var oPopup = window.createPopup();
//得到這個彈出窗口的body
var oPopupBody = oPopup.document.body;
//開始顯示的坐標（默認是最右下腳）
flyMove.expand = 0;
flyMove.flyY = 0;
flyMove.flyX = 0;
//漸進顯示的定時器
var g_idFlyPopup = -1;
//顯示彈出窗口的定時器
var TimeoutFlag=-1;
//顯示彈出窗口的方法
function richDialog()
{
//在彈出窗口中寫入文字和數據
oPopup.document.body.innerHTML = oDialog.innerHTML;
oPopupBody.style.fontSize = document.body.currentStyle.fontSize;
oPopupBody.style.backgroundColor=@#infobackground@#;
oPopupBody.style.cursor="pointer";
oPopupBody.style.color = "infotext";
oPopupBody.style.borderWidth=@#3px@#;
oPopupBody.style.borderStyle=@#window-inset@#;
oPopupBody.style.borderColor=@#activeborder@#;
//下面代碼會立即顯示彈出窗口
//oPopup.show(100, 50, 400, 300);
flyInit();
g_idFlyPopup = window.setInterval(flyMove,10);
}
function flyMove()
{
flyMove.expand += 2;
flyMove.flyY -= 2;
oPopup.show(flyMove.flyX-flyMove.expand, flyMove.flyY, flyMove.expand, flyMove.expand);
var oPopupBody = oPopup.document.body;
if (oPopupBody.clientWidth >= oPopupBody.scrollWidth && oPopupBody.clientHeight >= oPopupBody.scrollHeight)
{
//清除漸進顯示的定時器
window.clearInterval(g_idFlyPopup);
g_idFlyPopup = -1;
//清除調用彈出窗口的定時器
window.clearTimeout(TimeoutFlag);
TimeoutFlag=-1;
//注冊6秒后關閉彈出窗口的定時器
window.setTimeout( @#closePopup()@#, 60000 );
}
}
//關閉彈出窗口
function closePopup()
{
if( null != oPopup )
{
oPopup.hide();
}
}
//初始化彈出窗口的坐標，將其定位到最右下角
function flyInit()
{
flyMove.expand = 0;
flyMove.flyY = window.screen.height;
flyMove.flyX = window.screen.width;
}
//設定5秒后調用richDialog方法（用于顯示彈出窗口）
TimeoutFlag=window.setTimeout( richDialog, 6000 );
</SCRIPT>
</HEAD>
<BODY>
你可以最小化這個窗口，系統會在6秒之后，自動彈出一個位于最頂層的彈出窗口�。。�！
<DIV ID="oDialog" STYLE="display:none;">
<div id="myid" style="position:absolute; top:0; left:0; width:100%; height:100%; background:#cccccc; border:1px solid black; border-top:1px solid white; border-left:1px solid white; padding:10px; font:normal 10pt tahoma; padding-left:18px "> <b>位于最頂層的彈出窗口</b><hr size="1" style="border:1px solid black;"><div style="width:220px; font-family:tahoma; font-size:80%; line-height:1.5em"><br>
很神奇吧�。。。。。。。�！
<br>
<br>
<br>
</div>
<br>
<br>
<button tabindex="-1" onclick="parent.oPopup.hide();" style="border:1px solid black; border-left:1px solid white; border-top:1px solid white; background:#cccccc ">關閉窗口</button>
</DIV>
</BODY>
</HTML>
延伸閱讀
文章來源于領測軟件測試網 http://www.kjueaiud.com/
