jquery - 如何让广告出现在页面中央？

Question

我想知道如何让广告在这个网站上看起来像这样: http://www.kraniem.lv/只是不要点击 X，否则广告将关闭并且仅在第二天再次可见。

Answer 1

CSS:

#ad{
position: absolute; /* Or position:fixed; */
z-index: 2;
}

jQuery:

$(document).ready(function(){
    $("#ad").css("top", (($(window).height() - $("#popup").outerHeight() ) / 2) + 'px');
    $("#ad").css("left",(($(window).width() - $("#popup").outerWidth() )/ 2 ) + 'px');
});

请注意，如果你想使用图像，你需要将其写成:

$("#ad").css("top", (($(window).height() - $("#popup").outerHeight() - imgheight) / 2) + 'px');

因为基本上，图像在文档 dom 加载后加载，所以我通常将图像高度作为属性之一进行解析，所以我会知道要减去什么。

请注意，该链接对我不起作用，所以我只是根据我之前所做的工作来写作。

编辑:制作一个UI 屏幕 block :

CSS:

#blanket{
position:absolute;
left:0px;
top:0px;
opacity:0.7;
z-index:1;
width: 100%;
}

jQuery:

$("#blanket").css("height", $(document).height() + 'px');

HTML:

<div id="blanket"></div>
<div id="popup"></div>