js实现弹出提示,自动关闭。
2014-09-17 16:30
495 查看
HTML:
<div id="login_container">
<div class="loginbox" id="loginbox">
//你的内容
</div>
</div>
CSS:
#login_container
{
width:300px;
height:100px;
position:absolute;
left:50%;
top:100%;
margin-left:-150px;
z-index:100;
background:#000000;
padding:2px;
display: none;
text-align:center;
line-height:90px;
margin-top:100px;
margin-bottom:-1000px;
}
.loginbox{padding:10px;color: #FFFFFF; font-size: 32px;}
js:
function dialog() {
$("#viewbg").css({
display : "block",
height : $(document).height()
});
var yscroll = document.documentElement.scrollTop;
$("#login_container").css("top", "150px");
$("#login_container").css("display", "block");
document.documentElement.scrollTop = 0;
setTimeout(function() {
$("#viewbg").css("display", "none");
$("#login_container").css("display", "none");
}, 2000);
}
<div id="login_container">
<div class="loginbox" id="loginbox">
//你的内容
</div>
</div>
CSS:
#login_container
{
width:300px;
height:100px;
position:absolute;
left:50%;
top:100%;
margin-left:-150px;
z-index:100;
background:#000000;
padding:2px;
display: none;
text-align:center;
line-height:90px;
margin-top:100px;
margin-bottom:-1000px;
}
.loginbox{padding:10px;color: #FFFFFF; font-size: 32px;}
js:
function dialog() {
$("#viewbg").css({
display : "block",
height : $(document).height()
});
var yscroll = document.documentElement.scrollTop;
$("#login_container").css("top", "150px");
$("#login_container").css("display", "block");
document.documentElement.scrollTop = 0;
setTimeout(function() {
$("#viewbg").css("display", "none");
$("#login_container").css("display", "none");
}, 2000);
}
相关文章推荐
- js实现浏览器右下角弹出提示信息窗口,几秒后自动关闭
- CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
- js提示框替代系统alert,自动关闭alert对话框的实现方法
- js关闭当前页面不弹出提示的方法 js实现浏览器的各种菜单命令
- js实现弹窗提示,N秒后自动关闭并跳转页面
- JS关闭窗口而不弹出提示 如何让有滚动条的层自动滚动到最下
- js弹出提示信息并自动关闭
- JS实现定时自动关闭DIV层提示框的方法
- JS实现关闭当前页而不弹出提示框的方法
- js弹出提示信息并自动关闭
- CSS+JS实现点击文字弹出定时自动关闭的DIV层菜单
- JS实现的网页无提示自动关闭
- JS实现关闭当前页而不弹出提示框的方法
- js弹出提示信息并自动关闭
- CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
- JS实现定时自动关闭DIV层提示框的方法
- JS实现在文本框输入时自动弹出相关内容提示
- IE 7 不弹出提示框,自动关闭窗体
- js setTimeout实现延迟关闭弹出层
- js中关闭子窗口不弹出保存提示的方法