启动页面视频（jQuery隐藏）显示问题下方的索引

Question

我需要一个启动页面，但我不想把它作为索引，所以我使用的是这个解决方案。

我正在使用这种技术： http://jsfiddle.net/JjvzT/

本页

： http://www.kineticoriginsofrhythm.com/

但我无法通过“Enter”按钮显示下面的索引页面。有什么建议？它只是闪烁并跳回到视频启动页面。

还有什么是js cookie代码，它每天只出现一次？

非常感谢。

另外，如果你可以将你的“防泼溅”辩论保存到另一个很棒的时间。客户“必须有”这个启动页面。不是我的想法。

Answer 1

将“Enter”锚点的href属性更改为"#"。现在，您在隐藏了启动后将它们重定向到同一页面，这迫使它们再次将页面加载到其初始状态。

编辑：对于Cookie，

jQuery(function(){
    if(document.cookie.indexOf("firstvisit") != -1){
        $("#splash").hide();
        $("#container-index").show();
    }
    else{
        $("#splash span").click(function() {
            $("#splash").hide();
            $("#container-index").show();

            var expireDate = new Date();
            /* sets expire date to current date + 1 day */
            expireDate.setDate(expireDate.getDate() + 1);
            var newCookie = "firstvisit=0;expires=" + expireDate.toUTCString();
            document.cookie = newCookie;
        });
    }
});

警告：我没有测试过这个。有关JavaScript和Cookie的更多信息，请参阅此处：http://www.w3schools.com/JS/js_cookies.asp

Answer 2

我接受了ZDYN的回答并创建了splash.js，它可以简单地添加到你的启动页面（不是隐藏的div）和你要重定向的页面，即。 index.html或其他什么。

无论如何，这是评论的，​​有效的代码：

/*
1. Create a separate html page to be the splash page

2. Out a referrence to this script in the splash page
    -put below the "jquery.js" script reference
    <script type="text/javascript" src="Scripts/splash.js"></script>

3. Put a reference to this script in every page that you want to have the splash page appear on
    -put below the "jquery.js" script reference
    <script type="text/javascript" src="Scripts/splash.js"></script>

4. Set the "splashPageName" below to the file name of the splash page

5. Set the date variables below
*/


var splashPageName = "splash.html";  
var endSplashDate = new Date("12/7/2011");
var expireCookieDate = new Date();


(function() {
    var url = window.location.toString();   


if (url.toLowerCase().indexOf(splashPageName) >= 0) {
    /* sets expire date to date + 1 day */
    expireCookieDate.setDate(expireCookieDate.getDate() + 1);
    var newCookie = splashPageName + "=0;expires=" + expireCookieDate.toUTCString();
    document.cookie = newCookie;
}
else {

    if (document.cookie.indexOf(splashPageName) != -1) {
        //stay here, they've already seen the splash page
    }
    else {
        var today = new Date();
        if (endSplashDate > today) {
            window.location = splashPageName;
        }
    }
}
} ());

Answer 3

试试这个

$(document).ready(function(){
  $("#splash").click(function() {
    $(this).hide();
    $("#container-index").show();
  });
});