使用JAVASCRIPT实现弹出框，过一段时间自动消失

 

1. <script>        
2.   var oPopup;       
3.   var popTop=50;       
4.   var mytime;       
5.   function closemsg(){       
6.    try{       
7.     clearTimeout(mytime);       
8.    }catch(e){}       
9.    oPopup.hide();       
10.   }       
11.          
12.   function popshow(){       
13.    //window.status=popTop;       
14.    if(popTop>1160){       
15.     closemsg();       
16.     return;       
17.    }       
18.    if(popTop>1040&&popTop<1160){       
19.     oPopup.show(screen.width-195,screen.height,250,1160-popTop);       
20.    }       
21.    if(popTop>1000&&popTop<1040){       
22.     oPopup.show(screen.width-195,screen.height+(popTop-1160),250,116);       
23.    }       
24.    if(popTop<120){       
25.     oPopup.show(screen.width-195,screen.height,250,popTop);       
26.    }       
27.    if(popTop<160){       
28.     oPopup.show(screen.width-195,screen.height-popTop,250,116);       
29.    }       
30.    popTop+=10;       
31.    mytime=setTimeout("popshow();",100);       
32.   }       
33.          
34.   function popmsg(msgnum,msgstr){       
35.    oPopup = window.createPopup();       
36.    var winstr=&apos;<table style="border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgcolor=#cfdef4 border=0>&apos;;       
37.    winstr   +=&apos;  <tr>&apos;;       
38.    winstr   +=&apos;   <td style="font-size: 12px; background-image: url(msgTopBg.gif); color: #0f2c8c" width=30 height=24></td>&apos;;       
39.    winstr   +=&apos;   <td style="font-weight: normal; font-size: 12px; background-image: url(msgTopBg.gif); color: #1f336b; padding-top: 4px;padding-left: 4px" valign=center width="100%"> 管理平台消息提示：</td>&apos;;       
40.    winstr   +=&apos;   <td style="background-image: url(msgTopBg.gif); padding-top: 2px;padding-right:2px" valign=center align=right width=19><span title=关闭 style="cursor: hand;color:red;font-size:12px;font-weight:bold;margin-right:4px;" οnclick="window.parent.closemsg();">×</span></td>&apos;;       
41.    winstr   +=&apos;  </tr>&apos;;       
42.    winstr   +=&apos;  <tr>&apos;;       
43.    winstr   +=&apos;   <td style="padding-right: 1px; background-image: url(1msgBottomBg.jpg); padding-bottom: 1px" colSpan=3 height=90>&apos;;       
44.    winstr   +=&apos;    <div style="border-right: #b9c9ef 1px solid; padding-right: 13px; border-top: #728eb8 1px solid; padding-left: 13px; font-size: 12px; padding-bottom: 13px; border-left: #728eb8 1px solid; width: 100%; color: #1f336b; padding-top: 6px; border-bottom: #b9c9ef 1px solid; height: 100%">&apos;       
45.    winstr   +=&apos;                    您有<font color=#FF0000>&apos;+msgnum+&apos;</font>条新短消息<br><br>&apos;;       
46.    winstr   +=&apos;           <div align=center style="word-break:break-all">&apos;;       
47.    winstr   +=msgstr;       
48.    winstr   +=&apos;     </div>&apos;;       
49.    winstr   +=&apos;    </div>&apos;;       
50.    winstr   +=&apos;   </td>&apos;;       
51.    winstr   +=&apos;  </tr>&apos;;       
52.    winstr   +=&apos;</table>&apos;;       
53.            
54.    oPopup.document.body.innerHTML = winstr;       
55.    popshow();       
56.   }       
57.   <!--上面是定议，下面是调用-->      
58.   popmsg(1,&apos;msg&apos;);       
59. </script>