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>

你必须在body onload上调用checkCookie（）函数。如果您需要jQuery解决方案，请关注@ Jayantha的解决方案。

如何在第一次网站访问时制作一个Javascript弹出框？

2 个答案: