使用JAVASCRIPT实现弹出框,过一段时间自动消失
来源:互联网 发布:数据库搜索的对比算法 编辑:程序博客网 时间:2024/06/10 08:49
<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;" onclick="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>
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;" onclick="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>
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1893336
- 使用JAVASCRIPT实现弹出框,过一段时间自动消失
- 使用JAVASCRIPT实现弹出框,过一段时间自动消失
- 使用JAVASCRIPT实现弹出框,过一段时间自动消失
- 使用JAVASCRIPT实现弹出框,过一段时间自动消失
- 使用JAVASCRIPT实现弹出框,过一段时间自动消失
- 使用JAVASCRIPT实现弹出框,过一段时间自动消失
- 弹出框自动消失
- iOS 弹出框自动消失
- 实现弹出广告框几秒钟自动消失
- iOS开发- 自动消失的弹出框
- iOS开发- 自动消失的弹出框
- iOS开发-自动消失的弹出框
- 自定义的弹出浮动框-自动消失
- 可以自动消失的弹出提示框
- 弹出选择框的自动消失
- jQuery实现点击弹出层3秒后自动消失
- AlertControl警示控件——如QQ右下角弹出消息提示,过一段时间消失
- .net过一段时间后文字消失
- MIME
- 用于 J2ME 的 Web 服务 API 进行远程服务调用 API
- 武林风中泰对抗赛视频--最新
- 接口乱弹
- 让GridView的Food和Header一直显示在屏幕上(滚动时)
- 使用JAVASCRIPT实现弹出框,过一段时间自动消失
- 使用Mylyn插件管理bug
- 大型Web2.0站点构建技术初探
- 曾经爱过你试听,歌曲曾经爱过你mp3下载,歌词 - 郑源
- [CSS]自适应宽度按钮
- 重生之天下异能最新章节
- ASP.NET下英文及中文汉字的验证码控件
- “GDI+中发生一般性错误” 的终极解决办法!
- 签订二手房合同有9条是必不可少