弹出一个div层

/*
*  弹层DIV  
*  需要Jquery lib 支持
*/
function popUp(id){
    var box=$("#"+id);
    box.css("top",(($(window).height()-box.height())/2)+70+"px");
    box.css("left",(($(window).width()-box.width())/2)+150+"px");
    box.css("display","block");
    
    $(window).scroll(function(){
        var offsettop=(($(window).height()-$("#"+id).height())/2)+70+"px";
        var offsetleft=(($(window).width()-$("#"+id).width())/2)+150+"px";
        $("#"+id).css("top",offsettop);
        $("#"+id).css("left",offsetleft);
    }).resize(function(){
        var offsettop=(($(window).height()-$("#"+id).height())/2)+70+"px";
        var offsetleft=(($(window).width()-$("#"+id).width())/2)+150+"px";
        $("#"+id).css("top",offsettop);
        $("#"+id).css("left",offsetleft);
    });
}

/**关闭*/
function closePop(id){
    $("#"+id).css("display","none");
}

.popupcontent {
    position: absolute;
    display: none;
    overflow: hidden;
    border: 1px solid #CCC;
    background-color: #F9F9F9;
    border: 1px solid #333;
    padding: 5px;
    font-weight: bold;
    left: 50%;
    top: 50%;
    margin-left: -150px !important; /*FF IE7 该值为本身宽的一半 */
    margin-top: -60px !important; /*FF IE7 该值为本身高的一半*/
    position: fixed !important; /* FF IE7*/
}

 

 

<div  class="popupcontent" id="popupcontent">

弹出层

</div>

 

 

打开时调用popUp();

关闭调用closePop();

转载于:https://www.cnblogs.com/duyunpeng1992/p/4377838.html