这是我第一次发布到这个网站,但我一直在搜索这个网站,并尝试了我搜索过的所有可能的东西。我终于得到了一个div图像显示在网站上,但现在我需要它每个用户访问/会话只显示一次。
我已使用此引用:Showing a Div Once per visit
但我似乎无法与我合作。这是我在index.php文件中的内容:
<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
//<![CDATA[
google.load("jquery", "1");
//]]>
</script>
<style type="text/javascript">
google.setOnLoadCallback(function(){jQuery(function($) {
$("#fullscreen").animate({
top: '0px',
height:'100%'
}, 2000 ).delay(3000).fadeOut();
});});
</script>
</head>
<body>
<div id="fullscreen"><img src="http://www.cpboutique.com/images/banners/heirloom-comingsoon.jpg"></div>
</body>
然后这是我的css:
#fullscreen {
position: fixed;
z-index: 9000;
height: 100%;
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=70);
opacity: 1;
top: -100%;
bottom: 0;
right: 0;
left: 0;
background: rgba(255, 255, 255, 0.5) no-repeat 0 50%;
padding: 160px 150px;
}
所以这个现在完美无缺。但每当我回到同名页面时,我都会看到div图像出现。我已经尝试过使用cookie插件和javascript甚至是php,但我似乎仍然无法正常使用已经为div显示的功能。我知道这可能甚至不是干净的编码,但希望我能很快得到这个。一切都有帮助!非常感谢!
现在这就是图片的样子:http://www.cpboutique.com
(我知道有些人在没有关闭的情况下反对全屏图像,但这是所期望的。)
好的,所以我发现了这个:> function createCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
}
else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
}
function getCookie(c_name) {
if (document.cookie.length > 0) {
c_start = document.cookie.indexOf(c_name + "=");
if (c_start != -1) {
c_start = c_start + c_name.length + 1;
c_end = document.cookie.indexOf(";", c_start);
if (c_end == -1) {
c_end = document.cookie.length;
}
return unescape(document.cookie.substring(c_start, c_end));
}
}
return "";
}
这是否就像创建我需要的cookie并在其到期时设置一样?