网页模仿QQ消息

最新推荐文章于 2024-09-28 21:17:34 发布

parverxiao

最新推荐文章于 2024-09-28 21:17:34 发布

阅读量542

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.NET 文章标签： qq border function table

本文链接：https://blog.youkuaiyun.com/dandeline/article/details/5836082

ASP.NET 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用 JavaScript 实现的弹窗显示技术，通过动态调整窗口位置和尺寸来展示信息。此方法利用了 window.createPopup() 方法创建弹出窗口，并通过定时器逐步调整窗口的位置，使其从屏幕底部逐渐上升。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=/"border: 1 solid #009900/" width=/"241/" height=/"172/" border=/"0/"

cellpadding=/"0/" cellspacing=/"0/"

background=/"http://beetle.blog.edu.cn/user1/8965/upload/20056298504.gif/" >";
winstr+="<tr><td height=/"30/"> </td></tr><tr><td align=/"center/"><table width=/"90%/"

height=/"110/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/"＞";
winstr+="<tr><td valign=/"top/" style=/"font-size:12px; color:009900; face:

Tahoma/">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1720){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop>1520&&popTop<1720){
oPopup.show(screen.width-250,screen.height,241,1720-popTop);
}else if(popTop>1500&&popTop<1520){
oPopup.show(screen.width-250,screen.height+(popTop-1720),241,172);
}else if(popTop<180){
oPopup.show(screen.width-250,screen.height,241,popTop);
}else if(popTop<220){
oPopup.show(screen.width-250,screen.height-popTop,241,172);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg(" <img border=/"0/" src=/"http://beetle.blog.edu.cn/user1/3572/upload/2005737634.gif/"

width=/"88/" height=/"31/"><p>/");
</SCRIPT>