使用JAVASCRIPT实现弹出框,过一段时间自动消失
2007-11-21 09:44
591 查看
<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
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轻松实现当鼠标移开时已弹出子菜单自动消失
- javascript轻松实现当鼠标移开时已弹出子菜单自动消失
- 使用JavaScript实现弹出层效果的简单实例
- 教你一天玩转JavaScript(四)——使用JavaScript实现定时弹出广告定时隐藏广告
- JavaScript使用setTimeout实现延迟弹出警告框的方法
- ASP.NET中使用JavaScript实现图片自动水平滚动效果
- 【javascript】使用window.open()实现弹出广告框
- PHP+JAVASCRIPT实现自动弹出打印窗口并自动跳转页面的实例
- 自动出题工具【JavaScript实现】【使用Excel题库】
- 1、使用javascript代码写出一个函数:实现传入两个整数后弹出较大的整数
- 使用 Sublime Text 做 Javascript 编辑器 - 集成 SublimeCodeIntel 实现代码智能提示及自动完成
- asp.net中倒计时自动跳转页面的实现方法(使用javascript)
- asp.net中倒计时自动跳转页面的实现方法(使用javascript)
- JavaScript实现自动弹出窗口并自动关闭窗口的方法
- JavaScript实现自动弹出窗口并自动关闭窗口的方法