0

这是我第一次在这个网站上发帖，但我一直在这个网站上搜索，并尝试了我搜索过的所有可能的东西。我终于在网站上显示了一个 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并在它过期时设置吗？

4

0 回答 0