`

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

    博客分类:
  • js
阅读更多

关键字: 类 msn和QQ的浮出框

  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='<table style="border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgcolor=#cfdef4 border=0>';      
  37.    winstr   +='  <tr>';      
  38.    winstr   +='   <td style="font-size: 12px; background-image: url(msgTopBg.gif); color: #0f2c8c" width=30 height=24></td>';      
  39.    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>';      
  40.    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;" onclick="window.parent.closemsg();">×</span></td>';      
  41.    winstr   +='  </tr>';      
  42.    winstr   +='  <tr>';      
  43.    winstr   +='   <td style="padding-right: 1px; background-image: url(1msgBottomBg.jpg); padding-bottom: 1px" colSpan=3 height=90>';      
  44.    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%">'      
  45.    winstr   +='                    您有<font color=#FF0000>'+msgnum+'</font>条新短消息<br><br>';      
  46.    winstr   +='           <div align=center style="word-break:break-all">';      
  47.    winstr   +=msgstr;      
  48.    winstr   +='     </div>';      
  49.    winstr   +='    </div>';      
  50.    winstr   +='   </td>';      
  51.    winstr   +='  </tr>';      
  52.    winstr   +='</table>';      
  53.           
  54.    oPopup.document.body.innerHTML = winstr;      
  55.    popshow();      
  56.   }      
  57.   <!--上面是定议,下面是调用-->     
  58.   popmsg(1,'msg');      
  59. </script>    

 

分享到:
评论

相关推荐

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

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

    程序天下:JavaScript实例自学手册

    20.18 弹出框式邮件发送 20.19 把网站作为用户的Active桌面 20.20 判断是否安装了flash插件 第21章 流行技术:DOM和userData的应用技巧 21.1 使用userData保存文本内容 21.2 使用userData保存select标记 21.3 使用...

    《程序天下:JavaScript实例自学手册》光盘源码

    20.18 弹出框式邮件发送 20.19 把网站作为用户的Active桌面 20.20 判断是否安装了flash插件 第21章 流行技术:DOM和userData的应用技巧 21.1 使用userData保存文本内容 21.2 使用userData保存select标记 21.3 使用...

    free-dialog:移动端WEB弹窗组件

    * 弹出一个没有标题栏也没有底部按键的气泡对话框,一段时间后自动消失 * @param content 气泡内的文本内容、DOM或二者的数组 * @param time 自动消失的时间(毫秒,缺省时为2000毫秒) */ // 例1:弹出一个气泡...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    ExtAspNet_v2.3.2_dll

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    大名鼎鼎SWFUpload- Flash+JS 上传

     file_dialog_start_handler : file_dialog_start_function, 当文件选取对话框弹出前出发的事件处理函数  file_queued_handler : file_queued_function,  file_queue_error_handler : file_queue_error_function...

    傲游浏览器3(Maxthon) 3.1.8.1000 正式版

    侧边栏使用扩展方式实现,高级用户可以通过"%appdata%\Maxthon3\Addons\"下的扩展包,自定义侧边栏按钮以及内容. 历史管理器 加入日历视图 广告过滤 加入广告过滤的分享及自动安装功能 本次更新包括以下功能优化: ...

    计算机应用技术(实用手册)

    Press f8 for bbs popup 按F8弹出BBS网页 Press ALT+F2 to boot from system Recovery 按ALT+F2进入根录进行设置 PC2-4300 Dual Channel interleaved 双通道技术 Initializing usb Controllers..done 装载USB控制 ...

Global site tag (gtag.js) - Google Analytics