2

我正在创建一个包含成人内容的 Wordpress 博客,因此我需要在 Wordpress 中创建一个仅限首次使用的启动页面。第一次唯一的问题,我可以用 cookie 修复(虽然我知道不是每个人都启用了 cookie)

我可以做的是,创建一个脚本,如果 cookie 不存在,则加载另一个页面。或者我可以让启动页面成为我的主页,如果 cookie 存在,则重定向。

但这并不是我真正想要的。我不想麻烦页面。相反,我正在寻找一个灯箱式解决方案,它会使背景(主页)变暗并显示一个面板,可以选择留下还是离开。

我不知道如何开始这个。我熟悉 PHP、Javascript 和 CSS,所以我什至不要求代码。我只想要一个网络程序员对此的看法,以及如何按照我想要的方式创建启动页面的一些帮助。或者这是一个愚蠢的想法?

4

5 回答 5

2

我会使用灯箱解决方案。

例如
http://leandrovieira.com/projects/jquery/lightbox/

这包括如何使用它的示例。

于 2008-10-24T12:32:18.507 回答
2

我将为它创建 CSS,准备好一切,然后根据您的条件将其粘贴到标题中。这样,您就知道每个页面都会显示它,并且如果您被链接到,您就不会“脱裤子”。

我唯一关心的是确保灯箱效果覆盖任何图形,因为我确定您不希望在用户同意看到它之前显示它。

于 2008-10-24T12:34:26.663 回答
2

创建一点 JavaScript 代码来检查 cookie 并在未设置 cookie 时显示灯箱应该没有任何问题。JavaScript 可以简单地显示一个带有面板的 div,可以选择留下或离开。也许还有一个 div 可以使背景变暗,但你可以用任何你认为合适的方式来做到这一点。

于 2008-10-24T12:36:30.217 回答
2

我使用了建议的JQuery ColorBox解决方案,但是 inline 不起作用,display: none没有被 jQuery 更改,所以我使用了

$.colorbox({html:"<div id=\"splash-wrapper\"><h1>it works</h1></div>"});

它就像一个魅力

于 2012-09-04T23:16:20.753 回答
1

使用 Colorbox 并将其称为 onload

http://jacklmoore.com/colorbox/example1/

我正在使用它在加载时创建一个弹出窗口。它将 cookie 设置为每 30 天过期一次。创建一个#inline_content包含所有内容的 div 并将其设置为display: none;

希望这可以帮助。

        <script>

                $(document).ready(function() { 

                    if (document.cookie.indexOf('visited=true') === -1) {
                       var expires = new Date();
                        expires.setDate(expires.getDate()+30);
                        document.cookie = "visited=true; expires="+expires.toUTCString();
                        $.colorbox({inline:true, width:"40%", height:"450px", href:"#inline_content"});

                    }


                    });

            </script>
于 2012-02-29T22:06:48.353 回答