IDC资讯中心
你如果用过ｏｗａ（ｅｘｃｈａｎｇｅ的ｗｅｂ端程序）就会知道这个功能是相当吸引人的。
拷贝所有代码，保存为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>
