求助：如何用javascript打开一个新窗口，具体要求见内容

javaororacle 2005-11-30 11:22:20

如何用javascript打开一个新窗口，并且，其效果如同msn消息弹出的效果，从右下角升起那种。谢谢大家了。希望高手帮忙解决一下。

...全文

329 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

xueyi0108 2006-04-13

打赏
举报

mark

junhao_666 2005-12-01

打赏
举报

你的意思是那个弹出的窗口从右下角移动上来吗？
你试试这个：

<body onload="movePFW()">

<script language="javascript">
window.resizeTo(220,210);
var windowW=220 // wide
var windowH=210 // high
var Yoffset=0 // in pixels, negative values allowed
var windowStep=2 // move increment (pixels)
var moveSpeed=12 // move speed (larger is slower)
Xoffset=25;
var windowX = (screen.width/2)-(windowW/2);
windowX=screen.availWidth-Xoffset-windowW;
var windowY = (screen.availHeight);
var windowYstop = windowY-windowH-Yoffset;
var windowYnow = windowY;
window.focus ();
resizeTo(windowW,windowH);
moveTo(windowX,windowY);

function movePFW()
{
if (document.all)
{
if (windowYnow>=windowYstop){
moveTo(windowX,windowYnow);
windowYnow=windowYnow-windowStep;
timer=setTimeout("movePFW()",moveSpeed);
}
else
{
clearTimeout(timer);
setTimeout("moveBack()",120000 )
moveTo(windowX,windowYstop);
}
}
else
{
moveTo(windowX,windowYstop);
}
}
function moveBack()
{
if (document.all)
{
if (windowYnow<=windowY)
{
moveTo(windowX,windowYnow);
windowYnow=windowYnow+windowStep;
timer1=setTimeout("moveBack()",moveSpeed);
}
else
{
clearTimeout(timer1);
moveTo(windowX,windowY);
self.close()
}
}
else
{
moveTo(windowX,windowYstop);
self.close()
}
}
</script>

junhao_666 2005-11-30

打赏
举报

msn QQ 右下角弹出上线通知

<style type="text/css">

</style>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<div id="active_msg" style="position:absolute; left:0px; top:0px; width:215px; height:180px; z-index:100;visibility:hidden;border:1px solid #000000; filter: Alpha(Opacity=0)">
<TABLE height=180 cellSpacing=0 cellPadding=0 width=215
background="" border=0>
<TBODY>
<TR>
<TD height="40" colspan="3"> </TD>
</TR>
<TR>
<TD height="30"> </TD>
<TD width="68" height="30"></TD>
<TD width="85" height="30"><span id=msg_type ></span></TD>
</TR>
<TR>
<TD width="62" height="110"> </TD>
<TD colspan="2" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0" class="box">
<tr>
<td height="80" align=center><span id=msg_detail>有新短消息</span></td>
</tr>
<tr>
<td height="20">相关链接:<span id=msg_link></span></td>
</tr>
</table></TD>
</TR>
</TBODY>
</TABLE>
</div>

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

junhao_666 2005-11-30