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）