如何在第一次訪問時創建Javascript彈出框？

Question

我試圖在谷歌搜索這個，但我不知道它實際上叫什麼。它基本上是一個盒子，在您第一次訪問網站時使用cookie淡入到屏幕上，並在右上角有一個X，允許用戶關閉它。任何人都可以告訴我這是實際叫什麼，或告訴我如何做到這一點？謝謝。

Answer 1

您可以檢查cookie的存在，並設置一個cookie，如果它不在那裏使用jquery。

if($.cookie("visited")!='visited'){ 
     $.cookie("visited", "visited"); 
     $('#dialogDivId').dialog(); 
    } 

而且如果

<div id="dialogDivId"> 

It's your first visit... 
</div> 

Answer 2

使用JavaScript，你需要一些功能來獲取和設置cookie。

獲取的Cookie信息

function getCookie(c_name) { var i,x,y,ARRcookies=document.cookie.split(";"); for (i=0;i<ARRcookies.length;i++) { x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); x=x.replace(/^\s+|\s+$/g,""); if (x==c_name) { return unescape(y); } } }

設置Cookie信息

function setCookie(c_name,value,exdays) { var exdate=new Date(); exdate.setDate(exdate.getDate() + exdays); var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); document.cookie=c_name + "=" + c_value; }

現在檢查Cookie並顯示彈出框

function checkCookie() { var popup=getCookie("popup"); if (popup==null && popup=="") { document.getElementById("popupDivID").style.display="block"; }

HTML部分

<div id="popupDivID" style="display:none;position:absolute;top:20%;left:15%;background-color:#fff;width:500px;height:300px;">POPUP Content and Close Icon</div>

你必須呼籲身體的onload的checkCookie（）函數。如果您需要jQuery解決方案，請遵循@ Jayantha的解決方案。