Jquery加载消息然后显示站点

Question

我知道有大量的插件/脚本会在显示图片或消息时预加载网站，但我希望将时间延长 x 倍。换句话说，我想显示消息，“这是消息”，当它显示时，我希望网站完全加载，然后等待 x 秒，然后淡出该消息并淡出网站的其余部分。这可能吗？

Answer 1

如果您将页面的opacity 设置为0，浏览器仍会呈现所有内容。然后在 .ready() 上淡入淡出。示例:

HTML:

<div id="content">this is the site</div>
<div id="message">this is the message</div>

CSS:

#message{
    position:absolute;
    top:10px;  
}
#content{
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

JS:

$(function(){
    $('#content').delay(1000).fadeTo(500, 1);
    $('#message').delay(1000).fadeOut(500, function() {
        $(this).remove();
    });
});

jsFiddle:
http://jsfiddle.net/9kM7p/