沉冰浮水

置百丈玄冰而崩裂,掷须臾池水而漂摇。

【备忘】jQuery弹出层并居中

JS方式:

function closeDiv(id) {    var Idiv = document.getElementById(id);    Idiv.style.display = 'none';    document.getElementById('gray').style.display = 'none';    //document.body.style.overflow = "auto";};function Show(id) {    var Idiv = document.getElementById(id);    Idiv.style.display = 'block';    Idiv.style.left = (document.documentElement.clientWidth - Idiv.clientWidth) / 2 + document.documentElement.scrollLeft + "px";    Idiv.style.top = (document.documentElement.clientHeight - Idiv.clientHeight) / 2 + document.documentElement.scrollTop + document.body.scrollTop + "px";    document.getElementById('gray').style.cssText = "display:block;background:#000000;width:100%;height:100%;position:fixed;top:0;left:0;zIndex:500;opacity:0.6;filter:Alpha(opacity=70);";    //document.body.style.overflow = "hidden";};

jQuery方式:

$('#ShowDLBox').click(function() {    $('#DLBox').show().css({        top: ($(window).height() - $('#DLBox').height()) / 2 + $(document).scrollTop(),        left: ($(window).width() - $('#DLBox').width()) / 2 + $(document).scrollLeft(),        opacity: 0    }).animate({opacity: 1});    $('#gray').css({        "display": "block",        "background": "#000000",        "width": "100%",        "height": "100%",        "position": "fixed",        "top": "0",        "left": "0",        "z-index": "40",        "opacity": "0.6",        "filter": "Alpha(opacity=70)"    });});$('#gray,#close').click(function() {    $('#DLBox').hide();    $('#gray').hide();});


相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。