JS右下角的弹出窗口

2024-09-05 12:17:41

字体：大中小

来源：转载

供稿：网友

右下角的弹出窗口，现在很流行的网页小技巧，广泛应用到消息提示、广告等用途上。本窗口可以自动关闭或双击关闭，代码超简洁，就是有个小缺憾是，弹出的窗口代码是用JS输出的，这给一些不熟悉JS和HTML的朋友用起来千万一定麻烦，慢慢研究一下吧。

<html><head><title>右下角的弹出窗口</title><meta http-equiv="content-Type" content="text/html;charset=gb2312"></head><body><SCRIPT>var oPopup = window.createPopup();var popTop=50;function popmsg(msgstr){var winstr="<table style=/"border: 1 solid #6D93C8/" width=/"241/" height=/"172/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/" >";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 align=/"center/" valign=/"top/" style=/"font-size:12px; color: #6D93C8; 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("这个窗口就是我！");</SCRIPT></body></html>

上一篇：点击展开窗口（卷动公告）

下一篇：网页Loading，带渐变色的进度条