javascript实现消息提示型信息窗口

来源：互联网发布：ajax与servlet交互JSON 编辑：程序博客网时间：2024/05/17 09:42

<html>
<SCRIPT language="javascript">
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
//var winstr="<div id=AdLayer style='position:absolute; width:241px; height:172px; z-index:20;left: 600px; top: 300px'><a href=/"http://www.5dmedia.com/bbs/" >< img src=/"http://www.blueidea.com/articleimg/2004/01/1576/04-s.jpg/" border=/"0/" height=/"60/" width=/"60/" > </a></div>";
var winstr="<div id=AdLayer style='position:absolute;'><table style=/"border: 1 solid #FFA6CA/" width=/"241/" height=/"172/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/" background=/"http://www.blueidea.com/articleimg/2004/01/1576/04-s.jpg/" >";
winstr+="<tr><td height=/"10/"> </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: red; face: Tahoma/">"+msgstr+"</td></tr></table></td></tr></table></div>";
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://img94.pp.sohu.com/images/blog/2006/9/21/9/2/10e61318716.jpg/" width=/"150/" height=/"100/">TEST");

</SCRIPT>
<head>
<body>

</body>
</html>