Popup Div在整个网站？ （在第一页上）

Question

而不是创建一个介绍页面，我试图在整个网站上显示一个div，其中有一个背景图片，一些文本，一个倒计时和一个退出按钮。有没有办法显示这个div只有一段时间的IP地址？这样它加载一次div看起来像这样。

<div id="divbgimg"> 
<span id="titletext">text text text</span> 
<span id="subtitletext">text text text</span> 
<span id="date">10/11/12</span> 
<div id="countdown"></div> 

是否有jQuery脚本我应该看看做这样的事情？

Answer 1

看一看显示 - http://www.zurb.com/playground/reveal-modal-plugin

Answer 2

如果我理解你正确地有点像jQuery模态窗口可能是你追求的。就拿这里看看

http://jqueryui.com/demos/dialog/#modal

Answer 3

您可以使用setTimeout或延缓function功能。您可以隐藏你一定时间后的div

setTimeout(function() { 
    $('#divbgimg').fadeOut(); 
}, 1000)//100ms 

Answer 4

您将需要显示的div，然后设置一个cookie状态已访问的页面...

http://www.electrictoolbox.com/jquery-cookies/

然后，当你接下来访问该页面，检查cookie是否存在以及（如果存在），请不要显示div覆盖图。

Answer 5

我喜欢做这样的：

HTML：

<div id='lb_background'></div> 
<div id='lb_front'>This is where your content will go!<div id="countdown"></div></div> 

CSS：

#lb_background { 
position: absolute; /*THIS IS REQUIRED!*/ 
height: 100%; 
width: 100%; 
background-color: black; 
z-index: 1000; /* In front of everything */ 
opacity: 0.6; 
} 
#lb_front { 
padding: 20px; 
z-index: 1001; /* In front of lb_background */ 
position: absolute; 
top: 50px; 
} 

的Jquery：

$('#lb_background').click(function(){ 
    $('#lb_background, #lb_front').fadeOut(200) 
}); 

编辑 以上就是我用来轻松创建灯箱的内容。至于倒数和计时器略有不同。

JQuery的：

$(function(){ 
    var count = 10; 
    countdown = setInterval(function(){ 
    $("#countdown").html(count + " seconds remaining!"); 
    if (count == 0) { 
     $('#lb_background, $lb_front').fadeOut(200); 
    } 
    count--; 
    }, 1000); 
}); 

（来源：How can I make a jQuery countdown）