Popup Div Over整个网站？ （首页加载时）

Question

我没有创建一个介绍页面，而是试图在整个网站上显示一个div，它将包含一个背景图片，一些文本和一个倒计时，以及一个退出按钮。有没有办法只为IP地址显示这个div一定的时间？那样它加载一次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

看看Reveal - http://www.zurb.com/playground/reveal-modal-plugin

Answer 2

如果我理解正确，那么像JQuery Modal Dialog这样的东西可能就是你所追求的。看看这里

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）