js实现弹出提示,自动关闭。

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);
}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值