您的位置:首页 > Web前端 > JavaScript

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

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: