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