JS输出右下角的滑出POP提示窗口

2024-09-05 12:17:50

字体：大中小

来源：转载

供稿：网友

这是一个用JS控制输出右下角窗口的一个小例子，它是可以关闭的，点击小窗口以外的地方，窗口就关闭了，这个代码比较简单，但是对HTML不太熟的朋友修改着有些麻烦，因为它完全是用Js输出的HTML标签。

<title>右下角窗口</title><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 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>

上一篇：不使用JS完成的CSS网页背景渐变

下一篇：上下结构框架点击可以折叠、展开