Jquery 页面加载div在每个会话中显示一次，并在加载页面时淡出

我试图设置一个“页面加载”div，在页面加载时全屏显示，然后在文档准备就绪时淡出

我有这样的工作很好

/*HTML*/
<div id="splash">Content</div>

/*CSS*/
#splash {
    background: url("http://localhost/images/loader.gif") no-repeat scroll center center #fff;
    position: absolute;
    z-index:100000000;
    height: 100%;
    width: 100%;
}

/*jQUERY*/

<script type="text/javascript">
$(window).load(function(){
    $('#splash').fadeOut(800);
    $('body').css('overflow','auto');
});
</script>

上面的设置基本上是在我的加载站点顶部显示一个动画图形，然后在站点完全加载后淡出。这里没有问题

我需要什么 我希望div在每个会话中只显示一次，以避免在从站点上的任何其他页面导航回主页时显示它

我不介意使用cookie或html5 localstorage方法。。我花了几个小时努力拼凑现有代码，但失败了，因为我对jQuery的理解是垃圾

非常感谢

我做了一些事情：

您必须确保包含一些cookie库，因为它不是默认的jquery功能。 我用过：

然后，您可以使用以下内容：

var cexists = $.cookie('cookie');

if (!cexists) {
    alert('will create cookie');

    $('#cexists').fadeOut(2000); // fade the other
    $.cookie('cookie', 'true', {
        expires: 1 // day
    });
} else {
    alert('cookie exists');
    $('#ncexists').fadeOut(2000); // fade the other
}

---

好的，您可以开始学习jQuery，通过学习如何在设置淡出之前检查会话cookie是否不存在，以及在淡出之后设置会话cookie。祝你好运这不是我所希望的答案，但谢谢你在彼得21号打电话给我。如果我对jQuery有足够的了解，我相信你的回答可能会为我指明正确的方向。。。不幸的是，我没有这样做，学习足够多的知识来完成这项任务需要更多的时间。无论如何谢谢。非常感谢你抽出时间，我真的很感激！我一直在试着调整你的小提琴，但仍然无法让它按照我的需要工作。这是我所拥有的。。。我敢肯定，如果再做一件事，别人肯定要花几秒钟的时间。。痛苦的但是，嘿，我边学边学，所以一切都很好——我感觉我正在接近这个最新的更新。当cookie生效时，它似乎不想淡出包装。是 啊最后到了那里，一路上学到了很多！！谢谢你为我指明了正确的方向Pieter21-这里是最后的工作代码。不知何故，你的解决方案似乎不像我在电脑上期望的那样，但很高兴它对你有效。向上投票或标记为答案会更好，对于我和stackoverflow的未来读者来说，如果他们有类似的问题，他们可以朝着这个方向前进。我已经在PC上的所有浏览器上测试过它，它似乎完全按照我的预期工作。你能解释一下什么对你不起作用吗？这样我就能确保它正常工作了。谢谢你，彼得