如何在第一次网站访问时制作一个javascript弹出框
How to Make a Javascript Popup Box on First Site Visit?
我试图在谷歌上搜索这个,但我不知道它到底叫什么。它基本上是一个框,在您第一次访问网站(使用 cookie)时淡出屏幕,右上角有一个 X,允许用户关闭它。谁能告诉我这实际上叫什么,或者告诉我如何制作这个?谢谢。
您可以使用 jquery 检查 cookie 的存在并设置一个 cookie(如果它还没有
)。 if( $.cookie("visited")!='visited'){
$.cookie("visited", "visited");
$('#dialogDivId').dialog();
}
如果
<div id="dialogDivId">
It's your first visit...
</div>
使用 JavaScript,您需要一些函数来获取和设置 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);
}
}
}
设置饼干信息
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";
}
网页部分
<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的解决方案进行操作。
- 我应该如何从xml文件构建一个javascript页面
- 有没有一个javascript图形绘制库可以进行气球树布局
- 如何将一个JavaScript函数回调为多个函数
- 代码背后调用一个JavaScript函数的按钮点击-C#
- 多次调用另一个javascript函数中的javascript函数
- HTML外部javascript加载另一个javascript
- 在一个javascript文件中为整个网站创建标签
- 在任何AJAX调用之前触发一个javascript函数
- 如何用另一个Javascript更改Javascript函数值
- 动态创建一个javascript/jquery多级数组
- 将变量值从一个javascript传递到另一个javascript
- 获取一个javascript对象attr's
- 是一个javascript bookmarklet,可以设置破坏跨域安全的域cookie
- PNG图像被覆盖,但每个图像都有一个链接可以更改,每次一个-Javascript/jQuery/CSS
- 添加一个javascript函数来下载elfinder上的事件
- 有没有一个Javascript代码可以看到你的缓存有多满
- 使用jenkins从不同文件夹中的文件构建一个javascript文件
- 是否有一个javascript库来解析简单的查询
- 一个javascript实现base64图像编码并将结果写入文本文件
- 使用一个Javascript函数提交多个表单可以在FF中工作,而不需要其他浏览器