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

<script> 
  var oPopup;
  var popTop=50;
  var mytime;
  function closemsg(){
   try{
    clearTimeout(mytime);
   }catch(e){}
   oPopup.hide();
  }
  
  function popshow(){
   //window.status=popTop;
   if(popTop>1160){
    closemsg();
    return;
   }
   if(popTop>1040&&popTop<1160){
    oPopup.show(screen.width-195,screen.height,250,1160-popTop);
   }
   if(popTop>1000&&popTop<1040){
    oPopup.show(screen.width-195,screen.height+(popTop-1160),250,116);
   }
   if(popTop<120){
    oPopup.show(screen.width-195,screen.height,250,popTop);
   }
   if(popTop<160){
    oPopup.show(screen.width-195,screen.height-popTop,250,116);
   }
   popTop+=10;
   mytime=setTimeout("popshow();",100);
  }
  
  function popmsg(msgnum,msgstr){
   oPopup = window.createPopup();
   var winstr='<table style="border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgcolor=#cfdef4 border=0>';
   winstr   +='  <tr>';
   winstr   +='   <td style="font-size: 12px; background-image: url(msgTopBg.gif); color: #0f2c8c" width=30 height=24></td>';
   winstr   +='   <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>';
   winstr   +='   <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>';
   winstr   +='  </tr>';
   winstr   +='  <tr>';
   winstr   +='   <td style="padding-right: 1px; background-image: url(1msgBottomBg.jpg); padding-bottom: 1px" colSpan=3 height=90>';
   winstr   +='    <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%">'
   winstr   +='                    您有<font color=#FF0000>'+msgnum+'</font>条新短消息<br><br>';
   winstr   +='           <div align=center style="word-break:break-all">';
   winstr   +=msgstr;
   winstr   +='     </div>';
   winstr   +='    </div>';
   winstr   +='   </td>';
   winstr   +='  </tr>';
   winstr   +='</table>';
    
   oPopup.document.body.innerHTML = winstr;
   popshow();
  }
  <!--上面是定议,下面是调用-->
  popmsg(1,'msg');
</script> 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值